#E6E5E4 - #D7FFDC | 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 #E6E5E4 a #D7FFDC

#E6E5E4 #D7FFDC

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

#E6E5E4 - #D7FFDC | 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 #E6E5E4 como 0% y #D7FFDC como 100%.

0.0%	0.0% #E6E5E4	RGB 230 229 228	#E6E5E4
16.7%	16.7% #E3E9E2	RGB 227 233 226	#E3E9E2
33.3%	33.3% #E1EDE1	RGB 225 237 225	#E1EDE1
50.0%	50.0% #DEF2E0	RGB 222 242 224	#DEF2E0
66.7%	66.7% #DCF6DE	RGB 220 246 222	#DCF6DE
83.3%	83.3% #D9FADD	RGB 217 250 221	#D9FADD
100.0%	100.0% #D7FFDC	RGB 215 255 220	#D7FFDC

#E6E5E4 #E3E9E2 #E1EDE1 #DEF2E0 #DCF6DE #D9FADD #D7FFDC

#E6E5E4 - #D7FFDC

Mezcla HSV

#E6E5E4 - #D7FFDC | 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 #E6E5E4 como 0% y #D7FFDC como 100%.

0.0%	0.0% #E6E5E4	RGB 230 229 228	#E6E5E4
16.7%	16.7% #EAE8E2	RGB 234 232 226	#EAE8E2
33.3%	33.3% #EDEEE0	RGB 237 238 224	#EDEEE0
50.0%	50.0% #ECF2DE	RGB 236 242 222	#ECF2DE
66.7%	66.7% #E7F6DC	RGB 231 246 220	#E7F6DC
83.3%	83.3% #DEFAD9	RGB 222 250 217	#DEFAD9
100.0%	100.0% #D7FFDC	RGB 215 255 220	#D7FFDC

#E6E5E4 #EAE8E2 #EDEEE0 #ECF2DE #E7F6DC #DEFAD9 #D7FFDC

#E6E5E4 - #ECF2DE - #D7FFDC

Códigos CSS

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

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