#8B8F7D - #E4D09C | 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 #8B8F7D a #E4D09C

#8B8F7D #E4D09C

Calcule el color entre dos colores, #8B8F7D y #E4D09C. 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)

#8B8F7D - #E4D09C | 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 #8B8F7D como 0% y #E4D09C como 100%.

0.0%	0.0% #8B8F7D	RGB 139 143 125	#8B8F7D
16.7%	16.7% #999982	RGB 153 153 130	#999982
33.3%	33.3% #A8A487	RGB 168 164 135	#A8A487
50.0%	50.0% #B7AF8C	RGB 183 175 140	#B7AF8C
66.7%	66.7% #C6BA91	RGB 198 186 145	#C6BA91
83.3%	83.3% #D5C596	RGB 213 197 150	#D5C596
100.0%	100.0% #E4D09C	RGB 228 208 156	#E4D09C

#8B8F7D #999982 #A8A487 #B7AF8C #C6BA91 #D5C596 #E4D09C

#8B8F7D - #E4D09C

Mezcla HSV

#8B8F7D - #E4D09C | 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 #8B8F7D como 0% y #E4D09C como 100%.

0.0%	0.0% #8B8F7D	RGB 139 143 125	#8B8F7D
16.7%	16.7% #999D84	RGB 153 157 132	#999D84
33.3%	33.3% #A9AB8A	RGB 169 171 138	#A9AB8A
50.0%	50.0% #B9B890	RGB 185 184 144	#B9B890
66.7%	66.7% #C7C295	RGB 199 194 149	#C7C295
83.3%	83.3% #D5CA99	RGB 213 202 153	#D5CA99
100.0%	100.0% #E4D09C	RGB 228 208 156	#E4D09C

#8B8F7D #999D84 #A9AB8A #B9B890 #C7C295 #D5CA99 #E4D09C

#8B8F7D - #B9B890 - #E4D09C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B8F7D 0%, #B9B890 50%, #E4D09C 100%);
    background: -webkit-linear-gradient(top, #8B8F7D 0%, #B9B890 50%, #E4D09C 100%);
    background: linear-gradient(to bottom, #8B8F7D 0%, #B9B890 50%, #E4D09C 100%);
}
</style>