#E5E5E6 - #C3ECCE | 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 #E5E5E6 a #C3ECCE

#E5E5E6 #C3ECCE

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

#E5E5E6 - #C3ECCE | 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 #E5E5E6 como 0% y #C3ECCE como 100%.

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #DFE6E2	RGB 223 230 226	#DFE6E2
33.3%	33.3% #D9E7DE	RGB 217 231 222	#D9E7DE
50.0%	50.0% #D4E8DA	RGB 212 232 218	#D4E8DA
66.7%	66.7% #CEE9D6	RGB 206 233 214	#CEE9D6
83.3%	83.3% #C8EAD2	RGB 200 234 210	#C8EAD2
100.0%	100.0% #C3ECCE	RGB 195 236 206	#C3ECCE

#E5E5E6 #DFE6E2 #D9E7DE #D4E8DA #CEE9D6 #C8EAD2 #C3ECCE

#E5E5E6 - #C3ECCE

Mezcla HSV

#E5E5E6 - #C3ECCE | 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 #E5E5E6 como 0% y #C3ECCE como 100%.

0.0%	0.0% #E5E5E6	RGB 229 229 230	#E5E5E6
16.7%	16.7% #DFE1E7	RGB 223 225 231	#DFE1E7
33.3%	33.3% #D9E2E8	RGB 217 226 232	#D9E2E8
50.0%	50.0% #D4E6E9	RGB 212 230 233	#D4E6E9
66.7%	66.7% #CEEAE5	RGB 206 234 229	#CEEAE5
83.3%	83.3% #C8EBDB	RGB 200 235 219	#C8EBDB
100.0%	100.0% #C3ECCE	RGB 195 236 206	#C3ECCE

#E5E5E6 #DFE1E7 #D9E2E8 #D4E6E9 #CEEAE5 #C8EBDB #C3ECCE

#E5E5E6 - #D4E6E9 - #C3ECCE

Códigos CSS

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

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