#D5E7E3 - #ECECF0 | 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 #D5E7E3 a #ECECF0

#D5E7E3 #ECECF0

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

#D5E7E3 - #ECECF0 | 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 #D5E7E3 como 0% y #ECECF0 como 100%.

0.0%	0.0% #D5E7E3	RGB 213 231 227	#D5E7E3
16.7%	16.7% #D8E7E5	RGB 216 231 229	#D8E7E5
33.3%	33.3% #DCE8E7	RGB 220 232 231	#DCE8E7
50.0%	50.0% #E0E9E9	RGB 224 233 233	#E0E9E9
66.7%	66.7% #E4EAEB	RGB 228 234 235	#E4EAEB
83.3%	83.3% #E8EBED	RGB 232 235 237	#E8EBED
100.0%	100.0% #ECECF0	RGB 236 236 240	#ECECF0

#D5E7E3 #D8E7E5 #DCE8E7 #E0E9E9 #E4EAEB #E8EBED #ECECF0

#D5E7E3 - #ECECF0

Mezcla HSV

#D5E7E3 - #ECECF0 | 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 #D5E7E3 como 0% y #ECECF0 como 100%.

0.0%	0.0% #D5E7E3	RGB 213 231 227	#D5E7E3
16.7%	16.7% #D8E8E8	RGB 216 232 232	#D8E8E8
33.3%	33.3% #DCE7EA	RGB 220 231 234	#DCE7EA
50.0%	50.0% #E0E7EB	RGB 224 231 235	#E0E7EB
66.7%	66.7% #E4E7ED	RGB 228 231 237	#E4E7ED
83.3%	83.3% #E8E9EE	RGB 232 233 238	#E8E9EE
100.0%	100.0% #ECECF0	RGB 236 236 240	#ECECF0

#D5E7E3 #D8E8E8 #DCE7EA #E0E7EB #E4E7ED #E8E9EE #ECECF0

#D5E7E3 - #E0E7EB - #ECECF0

Códigos CSS

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

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