#B7E2FF - #E5E6F0 | 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 #B7E2FF a #E5E6F0

#B7E2FF #E5E6F0

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

#B7E2FF - #E5E6F0 | 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 #B7E2FF como 0% y #E5E6F0 como 100%.

0.0%	0.0% #B7E2FF	RGB 183 226 255	#B7E2FF
16.7%	16.7% #BEE2FC	RGB 190 226 252	#BEE2FC
33.3%	33.3% #C6E3FA	RGB 198 227 250	#C6E3FA
50.0%	50.0% #CEE4F7	RGB 206 228 247	#CEE4F7
66.7%	66.7% #D5E4F5	RGB 213 228 245	#D5E4F5
83.3%	83.3% #DDE5F2	RGB 221 229 242	#DDE5F2
100.0%	100.0% #E5E6F0	RGB 229 230 240	#E5E6F0

#B7E2FF #BEE2FC #C6E3FA #CEE4F7 #D5E4F5 #DDE5F2 #E5E6F0

#B7E2FF - #E5E6F0

Mezcla HSV

#B7E2FF - #E5E6F0 | 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 #B7E2FF como 0% y #E5E6F0 como 100%.

0.0%	0.0% #B7E2FF	RGB 183 226 255	#B7E2FF
16.7%	16.7% #BFDEFC	RGB 191 222 252	#BFDEFC
33.3%	33.3% #C7DCFA	RGB 199 220 250	#C7DCFA
50.0%	50.0% #CEDCF7	RGB 206 220 247	#CEDCF7
66.7%	66.7% #D6DEF5	RGB 214 222 245	#D6DEF5
83.3%	83.3% #DDE1F2	RGB 221 225 242	#DDE1F2
100.0%	100.0% #E5E6F0	RGB 229 230 240	#E5E6F0

#B7E2FF #BFDEFC #C7DCFA #CEDCF7 #D6DEF5 #DDE1F2 #E5E6F0

#B7E2FF - #CEDCF7 - #E5E6F0

Códigos CSS

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

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