#ECE9D6 - #FFF7E6 | 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 #ECE9D6 a #FFF7E6

#ECE9D6 #FFF7E6

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

#ECE9D6 - #FFF7E6 | 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 #ECE9D6 como 0% y #FFF7E6 como 100%.

0.0%	0.0% #ECE9D6	RGB 236 233 214	#ECE9D6
16.7%	16.7% #EFEBD8	RGB 239 235 216	#EFEBD8
33.3%	33.3% #F2EDDB	RGB 242 237 219	#F2EDDB
50.0%	50.0% #F5F0DE	RGB 245 240 222	#F5F0DE
66.7%	66.7% #F8F2E0	RGB 248 242 224	#F8F2E0
83.3%	83.3% #FBF4E3	RGB 251 244 227	#FBF4E3
100.0%	100.0% #FFF7E6	RGB 255 247 230	#FFF7E6

#ECE9D6 #EFEBD8 #F2EDDB #F5F0DE #F8F2E0 #FBF4E3 #FFF7E6

#ECE9D6 - #FFF7E6

Mezcla HSV

#ECE9D6 - #FFF7E6 | 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 #ECE9D6 como 0% y #FFF7E6 como 100%.

0.0%	0.0% #ECE9D6	RGB 236 233 214	#ECE9D6
16.7%	16.7% #EFEBD8	RGB 239 235 216	#EFEBD8
33.3%	33.3% #F2EDDB	RGB 242 237 219	#F2EDDB
50.0%	50.0% #F5F0DE	RGB 245 240 222	#F5F0DE
66.7%	66.7% #F8F2E0	RGB 248 242 224	#F8F2E0
83.3%	83.3% #FBF4E3	RGB 251 244 227	#FBF4E3
100.0%	100.0% #FFF7E6	RGB 255 247 230	#FFF7E6

#ECE9D6 #EFEBD8 #F2EDDB #F5F0DE #F8F2E0 #FBF4E3 #FFF7E6

#ECE9D6 - #F5F0DE - #FFF7E6

Códigos CSS

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

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