#E6E5E2 - #FFF7ED | 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 #E6E5E2 a #FFF7ED

#E6E5E2 #FFF7ED

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

#E6E5E2 - #FFF7ED | 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 #E6E5E2 como 0% y #FFF7ED como 100%.

0.0%	0.0% #E6E5E2	RGB 230 229 226	#E6E5E2
16.7%	16.7% #EAE8E3	RGB 234 232 227	#EAE8E3
33.3%	33.3% #EEEBE5	RGB 238 235 229	#EEEBE5
50.0%	50.0% #F2EEE7	RGB 242 238 231	#F2EEE7
66.7%	66.7% #F6F1E9	RGB 246 241 233	#F6F1E9
83.3%	83.3% #FAF4EB	RGB 250 244 235	#FAF4EB
100.0%	100.0% #FFF7ED	RGB 255 247 237	#FFF7ED

#E6E5E2 #EAE8E3 #EEEBE5 #F2EEE7 #F6F1E9 #FAF4EB #FFF7ED

#E6E5E2 - #FFF7ED

Mezcla HSV

#E6E5E2 - #FFF7ED | 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 #E6E5E2 como 0% y #FFF7ED como 100%.

0.0%	0.0% #E6E5E2	RGB 230 229 226	#E6E5E2
16.7%	16.7% #EAE8E4	RGB 234 232 228	#EAE8E4
33.3%	33.3% #EEEBE5	RGB 238 235 229	#EEEBE5
50.0%	50.0% #F2EEE7	RGB 242 238 231	#F2EEE7
66.7%	66.7% #F6F1E9	RGB 246 241 233	#F6F1E9
83.3%	83.3% #FAF4EB	RGB 250 244 235	#FAF4EB
100.0%	100.0% #FFF7ED	RGB 255 247 237	#FFF7ED

#E6E5E2 #EAE8E4 #EEEBE5 #F2EEE7 #F6F1E9 #FAF4EB #FFF7ED

#E6E5E2 - #F2EEE7 - #FFF7ED

Códigos CSS

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

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