#C59145 - #EEDFC9 | 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 #C59145 a #EEDFC9

#C59145 #EEDFC9

Calcule el color entre dos colores, #C59145 y #EEDFC9. 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)

#C59145 - #EEDFC9 | 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 #C59145 como 0% y #EEDFC9 como 100%.

0.0%	0.0% #C59145	RGB 197 145 69	#C59145
16.7%	16.7% #CB9E5B	RGB 203 158 91	#CB9E5B
33.3%	33.3% #D2AB71	RGB 210 171 113	#D2AB71
50.0%	50.0% #D9B887	RGB 217 184 135	#D9B887
66.7%	66.7% #E0C59D	RGB 224 197 157	#E0C59D
83.3%	83.3% #E7D2B3	RGB 231 210 179	#E7D2B3
100.0%	100.0% #EEDFC9	RGB 238 223 201	#EEDFC9

#C59145 #CB9E5B #D2AB71 #D9B887 #E0C59D #E7D2B3 #EEDFC9

#C59145 - #EEDFC9

Mezcla HSV

#C59145 - #EEDFC9 | 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 #C59145 como 0% y #EEDFC9 como 100%.

0.0%	0.0% #C59145	RGB 197 145 69	#C59145
16.7%	16.7% #CB9C58	RGB 203 156 88	#CB9C58
33.3%	33.3% #D2A96C	RGB 210 169 108	#D2A96C
50.0%	50.0% #D9B581	RGB 217 181 129	#D9B581
66.7%	66.7% #E0C398	RGB 224 195 152	#E0C398
83.3%	83.3% #E7D0B0	RGB 231 208 176	#E7D0B0
100.0%	100.0% #EEDFC9	RGB 238 223 201	#EEDFC9

#C59145 #CB9C58 #D2A96C #D9B581 #E0C398 #E7D0B0 #EEDFC9

#C59145 - #D9B581 - #EEDFC9

Códigos CSS

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

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