#E4D9CF - #C99C7E | 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 #E4D9CF a #C99C7E

#E4D9CF #C99C7E

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

#E4D9CF - #C99C7E | 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 #E4D9CF como 0% y #C99C7E como 100%.

0.0%	0.0% #E4D9CF	RGB 228 217 207	#E4D9CF
16.7%	16.7% #DFCEC1	RGB 223 206 193	#DFCEC1
33.3%	33.3% #DBC4B4	RGB 219 196 180	#DBC4B4
50.0%	50.0% #D6BAA6	RGB 214 186 166	#D6BAA6
66.7%	66.7% #D2B099	RGB 210 176 153	#D2B099
83.3%	83.3% #CDA68B	RGB 205 166 139	#CDA68B
100.0%	100.0% #C99C7E	RGB 201 156 126	#C99C7E

#E4D9CF #DFCEC1 #DBC4B4 #D6BAA6 #D2B099 #CDA68B #C99C7E

#E4D9CF - #C99C7E

Mezcla HSV

#E4D9CF - #C99C7E | 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 #E4D9CF como 0% y #C99C7E como 100%.

0.0%	0.0% #E4D9CF	RGB 228 217 207	#E4D9CF
16.7%	16.7% #DFCEC0	RGB 223 206 192	#DFCEC0
33.3%	33.3% #DBC4B2	RGB 219 196 178	#DBC4B2
50.0%	50.0% #D6BAA4	RGB 214 186 164	#D6BAA4
66.7%	66.7% #D2B097	RGB 210 176 151	#D2B097
83.3%	83.3% #CDA68A	RGB 205 166 138	#CDA68A
100.0%	100.0% #C99C7E	RGB 201 156 126	#C99C7E

#E4D9CF #DFCEC0 #DBC4B2 #D6BAA4 #D2B097 #CDA68A #C99C7E

#E4D9CF - #D6BAA4 - #C99C7E

Códigos CSS

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

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