#B5E1FF - #E5E5EF | 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 #B5E1FF a #E5E5EF

#B5E1FF #E5E5EF

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

#B5E1FF - #E5E5EF | 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 #B5E1FF como 0% y #E5E5EF como 100%.

0.0%	0.0% #B5E1FF	RGB 181 225 255	#B5E1FF
16.7%	16.7% #BDE1FC	RGB 189 225 252	#BDE1FC
33.3%	33.3% #C5E2F9	RGB 197 226 249	#C5E2F9
50.0%	50.0% #CDE3F7	RGB 205 227 247	#CDE3F7
66.7%	66.7% #D5E3F4	RGB 213 227 244	#D5E3F4
83.3%	83.3% #DDE4F1	RGB 221 228 241	#DDE4F1
100.0%	100.0% #E5E5EF	RGB 229 229 239	#E5E5EF

#B5E1FF #BDE1FC #C5E2F9 #CDE3F7 #D5E3F4 #DDE4F1 #E5E5EF

#B5E1FF - #E5E5EF

Mezcla HSV

#B5E1FF - #E5E5EF | 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 #B5E1FF como 0% y #E5E5EF como 100%.

0.0%	0.0% #B5E1FF	RGB 181 225 255	#B5E1FF
16.7%	16.7% #BDDCFC	RGB 189 220 252	#BDDCFC
33.3%	33.3% #C5DAF9	RGB 197 218 249	#C5DAF9
50.0%	50.0% #CDDAF7	RGB 205 218 247	#CDDAF7
66.7%	66.7% #D5DBF4	RGB 213 219 244	#D5DBF4
83.3%	83.3% #DDDFF1	RGB 221 223 241	#DDDFF1
100.0%	100.0% #E5E5EF	RGB 229 229 239	#E5E5EF

#B5E1FF #BDDCFC #C5DAF9 #CDDAF7 #D5DBF4 #DDDFF1 #E5E5EF

#B5E1FF - #CDDAF7 - #E5E5EF

Códigos CSS

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

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