#D5EAF2 - #EBECF3 | 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 #D5EAF2 a #EBECF3

#D5EAF2 #EBECF3

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

#D5EAF2 - #EBECF3 | 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 #D5EAF2 como 0% y #EBECF3 como 100%.

0.0%	0.0% #D5EAF2	RGB 213 234 242	#D5EAF2
16.7%	16.7% #D8EAF2	RGB 216 234 242	#D8EAF2
33.3%	33.3% #DCEAF2	RGB 220 234 242	#DCEAF2
50.0%	50.0% #E0EBF2	RGB 224 235 242	#E0EBF2
66.7%	66.7% #E3EBF2	RGB 227 235 242	#E3EBF2
83.3%	83.3% #E7EBF2	RGB 231 235 242	#E7EBF2
100.0%	100.0% #EBECF3	RGB 235 236 243	#EBECF3

#D5EAF2 #D8EAF2 #DCEAF2 #E0EBF2 #E3EBF2 #E7EBF2 #EBECF3

#D5EAF2 - #EBECF3

Mezcla HSV

#D5EAF2 - #EBECF3 | 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 #D5EAF2 como 0% y #EBECF3 como 100%.

0.0%	0.0% #D5EAF2	RGB 213 234 242	#D5EAF2
16.7%	16.7% #D8E8F2	RGB 216 232 242	#D8E8F2
33.3%	33.3% #DCE7F2	RGB 220 231 242	#DCE7F2
50.0%	50.0% #DFE7F2	RGB 223 231 242	#DFE7F2
66.7%	66.7% #E3E8F2	RGB 227 232 242	#E3E8F2
83.3%	83.3% #E7E9F2	RGB 231 233 242	#E7E9F2
100.0%	100.0% #EBECF3	RGB 235 236 243	#EBECF3

#D5EAF2 #D8E8F2 #DCE7F2 #DFE7F2 #E3E8F2 #E7E9F2 #EBECF3

#D5EAF2 - #DFE7F2 - #EBECF3

Códigos CSS

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

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