#D5E2FF - #779AD5 | 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 #D5E2FF a #779AD5

#D5E2FF #779AD5

Calcule el color entre dos colores, #D5E2FF y #779AD5. 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)

#D5E2FF - #779AD5 | 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 #D5E2FF como 0% y #779AD5 como 100%.

0.0%	0.0% #D5E2FF	RGB 213 226 255	#D5E2FF
16.7%	16.7% #C5D6F8	RGB 197 214 248	#C5D6F8
33.3%	33.3% #B5CAF1	RGB 181 202 241	#B5CAF1
50.0%	50.0% #A6BEEA	RGB 166 190 234	#A6BEEA
66.7%	66.7% #96B2E3	RGB 150 178 227	#96B2E3
83.3%	83.3% #86A6DC	RGB 134 166 220	#86A6DC
100.0%	100.0% #779AD5	RGB 119 154 213	#779AD5

#D5E2FF #C5D6F8 #B5CAF1 #A6BEEA #96B2E3 #86A6DC #779AD5

#D5E2FF - #779AD5

Mezcla HSV

#D5E2FF - #779AD5 | 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 #D5E2FF como 0% y #779AD5 como 100%.

0.0%	0.0% #D5E2FF	RGB 213 226 255	#D5E2FF
16.7%	16.7% #C3D4F8	RGB 195 212 248	#C3D4F8
33.3%	33.3% #B3C7F1	RGB 179 199 241	#B3C7F1
50.0%	50.0% #A3BBEA	RGB 163 187 234	#A3BBEA
66.7%	66.7% #93AFE3	RGB 147 175 227	#93AFE3
83.3%	83.3% #85A4DC	RGB 133 164 220	#85A4DC
100.0%	100.0% #779AD5	RGB 119 154 213	#779AD5

#D5E2FF #C3D4F8 #B3C7F1 #A3BBEA #93AFE3 #85A4DC #779AD5

#D5E2FF - #A3BBEA - #779AD5

Códigos CSS

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

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