#C58C57 - #EEDDCF | 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 #C58C57 a #EEDDCF

#C58C57 #EEDDCF

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

#C58C57 - #EEDDCF | 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 #C58C57 como 0% y #EEDDCF como 100%.

0.0%	0.0% #C58C57	RGB 197 140 87	#C58C57
16.7%	16.7% #CB996B	RGB 203 153 107	#CB996B
33.3%	33.3% #D2A77F	RGB 210 167 127	#D2A77F
50.0%	50.0% #D9B493	RGB 217 180 147	#D9B493
66.7%	66.7% #E0C2A7	RGB 224 194 167	#E0C2A7
83.3%	83.3% #E7CFBB	RGB 231 207 187	#E7CFBB
100.0%	100.0% #EEDDCF	RGB 238 221 207	#EEDDCF

#C58C57 #CB996B #D2A77F #D9B493 #E0C2A7 #E7CFBB #EEDDCF

#C58C57 - #EEDDCF

Mezcla HSV

#C58C57 - #EEDDCF | 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 #C58C57 como 0% y #EEDDCF como 100%.

0.0%	0.0% #C58C57	RGB 197 140 87	#C58C57
16.7%	16.7% #CB9768	RGB 203 151 104	#CB9768
33.3%	33.3% #D2A47B	RGB 210 164 123	#D2A47B
50.0%	50.0% #D9B18E	RGB 217 177 142	#D9B18E
66.7%	66.7% #E0BFA3	RGB 224 191 163	#E0BFA3
83.3%	83.3% #E7CDB8	RGB 231 205 184	#E7CDB8
100.0%	100.0% #EEDDCF	RGB 238 221 207	#EEDDCF

#C58C57 #CB9768 #D2A47B #D9B18E #E0BFA3 #E7CDB8 #EEDDCF

#C58C57 - #D9B18E - #EEDDCF

Códigos CSS

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

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