#E5E6E5 - #9CD3A6 | 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 #E5E6E5 a #9CD3A6

#E5E6E5 #9CD3A6

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

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

0.0%	0.0% #E5E6E5	RGB 229 230 229	#E5E6E5
16.7%	16.7% #D8E2DA	RGB 216 226 218	#D8E2DA
33.3%	33.3% #CCDFD0	RGB 204 223 208	#CCDFD0
50.0%	50.0% #C0DCC5	RGB 192 220 197	#C0DCC5
66.7%	66.7% #B4D9BB	RGB 180 217 187	#B4D9BB
83.3%	83.3% #A8D6B0	RGB 168 214 176	#A8D6B0
100.0%	100.0% #9CD3A6	RGB 156 211 166	#9CD3A6

#E5E6E5 #D8E2DA #CCDFD0 #C0DCC5 #B4D9BB #A8D6B0 #9CD3A6

#E5E6E5 - #9CD3A6

Mezcla HSV

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

0.0%	0.0% #E5E6E5	RGB 229 230 229	#E5E6E5
16.7%	16.7% #D8E2D8	RGB 216 226 216	#D8E2D8
33.3%	33.3% #CBDFCC	RGB 203 223 204	#CBDFCC
50.0%	50.0% #BFDCC1	RGB 191 220 193	#BFDCC1
66.7%	66.7% #B3D9B7	RGB 179 217 183	#B3D9B7
83.3%	83.3% #A7D6AE	RGB 167 214 174	#A7D6AE
100.0%	100.0% #9CD3A6	RGB 156 211 166	#9CD3A6

#E5E6E5 #D8E2D8 #CBDFCC #BFDCC1 #B3D9B7 #A7D6AE #9CD3A6

#E5E6E5 - #BFDCC1 - #9CD3A6

Códigos CSS

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

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