#E5E5EB - #C4CFEC | 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 #E5E5EB a #C4CFEC

#E5E5EB #C4CFEC

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

#E5E5EB - #C4CFEC | 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 #E5E5EB como 0% y #C4CFEC como 100%.

0.0%	0.0% #E5E5EB	RGB 229 229 235	#E5E5EB
16.7%	16.7% #DFE1EB	RGB 223 225 235	#DFE1EB
33.3%	33.3% #DADDEB	RGB 218 221 235	#DADDEB
50.0%	50.0% #D4DAEB	RGB 212 218 235	#D4DAEB
66.7%	66.7% #CFD6EB	RGB 207 214 235	#CFD6EB
83.3%	83.3% #C9D2EB	RGB 201 210 235	#C9D2EB
100.0%	100.0% #C4CFEC	RGB 196 207 236	#C4CFEC

#E5E5EB #DFE1EB #DADDEB #D4DAEB #CFD6EB #C9D2EB #C4CFEC

#E5E5EB - #C4CFEC

Mezcla HSV

#E5E5EB - #C4CFEC | 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 #E5E5EB como 0% y #C4CFEC como 100%.

0.0%	0.0% #E5E5EB	RGB 229 229 235	#E5E5EB
16.7%	16.7% #DFE0EB	RGB 223 224 235	#DFE0EB
33.3%	33.3% #DADBEB	RGB 218 219 235	#DADBEB
50.0%	50.0% #D4D7EB	RGB 212 215 235	#D4D7EB
66.7%	66.7% #CFD4EB	RGB 207 212 235	#CFD4EB
83.3%	83.3% #C9D1EB	RGB 201 209 235	#C9D1EB
100.0%	100.0% #C4CFEC	RGB 196 207 236	#C4CFEC

#E5E5EB #DFE0EB #DADBEB #D4D7EB #CFD4EB #C9D1EB #C4CFEC

#E5E5EB - #D4D7EB - #C4CFEC

Códigos CSS

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

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