#BDD2FF - #ECF2FF | 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 #BDD2FF a #ECF2FF

#BDD2FF #ECF2FF

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

#BDD2FF - #ECF2FF | 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 #BDD2FF como 0% y #ECF2FF como 100%.

0.0%	0.0% #BDD2FF	RGB 189 210 255	#BDD2FF
16.7%	16.7% #C4D7FF	RGB 196 215 255	#C4D7FF
33.3%	33.3% #CCDCFF	RGB 204 220 255	#CCDCFF
50.0%	50.0% #D4E2FF	RGB 212 226 255	#D4E2FF
66.7%	66.7% #DCE7FF	RGB 220 231 255	#DCE7FF
83.3%	83.3% #E4ECFF	RGB 228 236 255	#E4ECFF
100.0%	100.0% #ECF2FF	RGB 236 242 255	#ECF2FF

#BDD2FF #C4D7FF #CCDCFF #D4E2FF #DCE7FF #E4ECFF #ECF2FF

#BDD2FF - #ECF2FF

Mezcla HSV

#BDD2FF - #ECF2FF | 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 #BDD2FF como 0% y #ECF2FF como 100%.

0.0%	0.0% #BDD2FF	RGB 189 210 255	#BDD2FF
16.7%	16.7% #C4D7FF	RGB 196 215 255	#C4D7FF
33.3%	33.3% #CCDCFF	RGB 204 220 255	#CCDCFF
50.0%	50.0% #D4E1FF	RGB 212 225 255	#D4E1FF
66.7%	66.7% #DCE7FF	RGB 220 231 255	#DCE7FF
83.3%	83.3% #E4ECFF	RGB 228 236 255	#E4ECFF
100.0%	100.0% #ECF2FF	RGB 236 242 255	#ECF2FF

#BDD2FF #C4D7FF #CCDCFF #D4E1FF #DCE7FF #E4ECFF #ECF2FF

#BDD2FF - #D4E1FF - #ECF2FF

Códigos CSS

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

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