#D5E6C7 - #ECEAF1 | 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 #D5E6C7 a #ECEAF1

#D5E6C7 #ECEAF1

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

#D5E6C7 - #ECEAF1 | 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 #D5E6C7 como 0% y #ECEAF1 como 100%.

0.0%	0.0% #D5E6C7	RGB 213 230 199	#D5E6C7
16.7%	16.7% #D8E6CE	RGB 216 230 206	#D8E6CE
33.3%	33.3% #DCE7D5	RGB 220 231 213	#DCE7D5
50.0%	50.0% #E0E8DC	RGB 224 232 220	#E0E8DC
66.7%	66.7% #E4E8E3	RGB 228 232 227	#E4E8E3
83.3%	83.3% #E8E9EA	RGB 232 233 234	#E8E9EA
100.0%	100.0% #ECEAF1	RGB 236 234 241	#ECEAF1

#D5E6C7 #D8E6CE #DCE7D5 #E0E8DC #E4E8E3 #E8E9EA #ECEAF1

#D5E6C7 - #ECEAF1

Mezcla HSV

#D5E6C7 - #ECEAF1 | 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 #D5E6C7 como 0% y #ECEAF1 como 100%.

0.0%	0.0% #D5E6C7	RGB 213 230 199	#D5E6C7
16.7%	16.7% #CCE7CC	RGB 204 231 204	#CCE7CC
33.3%	33.3% #D2E9DD	RGB 210 233 221	#D2E9DD
50.0%	50.0% #D8EBE9	RGB 216 235 233	#D8EBE9
66.7%	66.7% #DEE7ED	RGB 222 231 237	#DEE7ED
83.3%	83.3% #E4E5EF	RGB 228 229 239	#E4E5EF
100.0%	100.0% #ECEAF1	RGB 236 234 241	#ECEAF1

#D5E6C7 #CCE7CC #D2E9DD #D8EBE9 #DEE7ED #E4E5EF #ECEAF1

#D5E6C7 - #D8EBE9 - #ECEAF1

Códigos CSS

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

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