#ECE5E3 - #D7A898 | 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 #ECE5E3 a #D7A898

#ECE5E3 #D7A898

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

#ECE5E3 - #D7A898 | 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 #ECE5E3 como 0% y #D7A898 como 100%.

0.0%	0.0% #ECE5E3	RGB 236 229 227	#ECE5E3
16.7%	16.7% #E8DAD6	RGB 232 218 214	#E8DAD6
33.3%	33.3% #E5D0CA	RGB 229 208 202	#E5D0CA
50.0%	50.0% #E1C6BD	RGB 225 198 189	#E1C6BD
66.7%	66.7% #DEBCB1	RGB 222 188 177	#DEBCB1
83.3%	83.3% #DAB2A4	RGB 218 178 164	#DAB2A4
100.0%	100.0% #D7A898	RGB 215 168 152	#D7A898

#ECE5E3 #E8DAD6 #E5D0CA #E1C6BD #DEBCB1 #DAB2A4 #D7A898

#ECE5E3 - #D7A898

Mezcla HSV

#ECE5E3 - #D7A898 | 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 #ECE5E3 como 0% y #D7A898 como 100%.

0.0%	0.0% #ECE5E3	RGB 236 229 227	#ECE5E3
16.7%	16.7% #E8DAD5	RGB 232 218 213	#E8DAD5
33.3%	33.3% #E5CFC8	RGB 229 207 200	#E5CFC8
50.0%	50.0% #E1C5BC	RGB 225 197 188	#E1C5BC
66.7%	66.7% #DEBBAF	RGB 222 187 175	#DEBBAF
83.3%	83.3% #DAB1A3	RGB 218 177 163	#DAB1A3
100.0%	100.0% #D7A898	RGB 215 168 152	#D7A898

#ECE5E3 #E8DAD5 #E5CFC8 #E1C5BC #DEBBAF #DAB1A3 #D7A898

#ECE5E3 - #E1C5BC - #D7A898

Códigos CSS

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

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