#E5E5E5 - #9CD2AA | 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 #E5E5E5 a #9CD2AA

#E5E5E5 #9CD2AA

Calcule el color entre dos colores, #E5E5E5 y #9CD2AA. 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)

#E5E5E5 - #9CD2AA | 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 #E5E5E5 como 0% y #9CD2AA como 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #D8E1DB	RGB 216 225 219	#D8E1DB
33.3%	33.3% #CCDED1	RGB 204 222 209	#CCDED1
50.0%	50.0% #C0DBC7	RGB 192 219 199	#C0DBC7
66.7%	66.7% #B4D8BD	RGB 180 216 189	#B4D8BD
83.3%	83.3% #A8D5B3	RGB 168 213 179	#A8D5B3
100.0%	100.0% #9CD2AA	RGB 156 210 170	#9CD2AA

#E5E5E5 #D8E1DB #CCDED1 #C0DBC7 #B4D8BD #A8D5B3 #9CD2AA

#E5E5E5 - #9CD2AA

Mezcla HSV

#E5E5E5 - #9CD2AA | 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 #E5E5E5 como 0% y #9CD2AA como 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #E1DBD8	RGB 225 219 216	#E1DBD8
33.3%	33.3% #DED9CB	RGB 222 217 203	#DED9CB
50.0%	50.0% #D7DBBF	RGB 215 219 191	#D7DBBF
66.7%	66.7% #C5D8B3	RGB 197 216 179	#C5D8B3
83.3%	83.3% #ACD5A7	RGB 172 213 167	#ACD5A7
100.0%	100.0% #9CD2AA	RGB 156 210 170	#9CD2AA

#E5E5E5 #E1DBD8 #DED9CB #D7DBBF #C5D8B3 #ACD5A7 #9CD2AA

#E5E5E5 - #D7DBBF - #9CD2AA

Códigos CSS

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

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