#3E7470 - #8FBC7E | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #3E7470 a #8FBC7E

#3E7470 #8FBC7E

Calcule el color entre dos colores, #3E7470 y #8FBC7E. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#3E7470 - #8FBC7E | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #3E7470 como 0% y #8FBC7E como 100%.

0.0%	0.0% #3E7470	RGB 62 116 112	#3E7470
16.7%	16.7% #4B8072	RGB 75 128 114	#4B8072
33.3%	33.3% #598C74	RGB 89 140 116	#598C74
50.0%	50.0% #669877	RGB 102 152 119	#669877
66.7%	66.7% #74A479	RGB 116 164 121	#74A479
83.3%	83.3% #81B07B	RGB 129 176 123	#81B07B
100.0%	100.0% #8FBC7E	RGB 143 188 126	#8FBC7E

#3E7470 #4B8072 #598C74 #669877 #74A479 #81B07B #8FBC7E

#3E7470 - #8FBC7E

Mezcla HSV

#3E7470 - #8FBC7E | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #3E7470 como 0% y #8FBC7E como 100%.

0.0%	0.0% #3E7470	RGB 62 116 112	#3E7470
16.7%	16.7% #478070	RGB 71 128 112	#478070
33.3%	33.3% #518C70	RGB 81 140 112	#518C70
50.0%	50.0% #5B986F	RGB 91 152 111	#5B986F
66.7%	66.7% #66A46E	RGB 102 164 110	#66A46E
83.3%	83.3% #76B071	RGB 118 176 113	#76B071
100.0%	100.0% #8FBC7E	RGB 143 188 126	#8FBC7E

#3E7470 #478070 #518C70 #5B986F #66A46E #76B071 #8FBC7E

#3E7470 - #5B986F - #8FBC7E

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #3E7470 0%, #8FBC7E 100%);
    background: -webkit-linear-gradient(top, #3E7470 0%, #8FBC7E 100%);
    background: linear-gradient(to bottom, #3E7470 0%, #8FBC7E 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E7470 0%, #5B986F 50%, #8FBC7E 100%);
    background: -webkit-linear-gradient(top, #3E7470 0%, #5B986F 50%, #8FBC7E 100%);
    background: linear-gradient(to bottom, #3E7470 0%, #5B986F 50%, #8FBC7E 100%);
}
</style>