#B5E6FD - #EAE6EE | 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 #B5E6FD a #EAE6EE

#B5E6FD #EAE6EE

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

#B5E6FD - #EAE6EE | 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 #B5E6FD como 0% y #EAE6EE como 100%.

0.0%	0.0% #B5E6FD	RGB 181 230 253	#B5E6FD
16.7%	16.7% #BDE6FA	RGB 189 230 250	#BDE6FA
33.3%	33.3% #C6E6F8	RGB 198 230 248	#C6E6F8
50.0%	50.0% #CFE6F5	RGB 207 230 245	#CFE6F5
66.7%	66.7% #D8E6F3	RGB 216 230 243	#D8E6F3
83.3%	83.3% #E1E6F0	RGB 225 230 240	#E1E6F0
100.0%	100.0% #EAE6EE	RGB 234 230 238	#EAE6EE

#B5E6FD #BDE6FA #C6E6F8 #CFE6F5 #D8E6F3 #E1E6F0 #EAE6EE

#B5E6FD - #EAE6EE

Mezcla HSV

#B5E6FD - #EAE6EE | 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 #B5E6FD como 0% y #EAE6EE como 100%.

0.0%	0.0% #B5E6FD	RGB 181 230 253	#B5E6FD
16.7%	16.7% #BDDBFA	RGB 189 219 250	#BDDBFA
33.3%	33.3% #C6D4F8	RGB 198 212 248	#C6D4F8
50.0%	50.0% #CED1F5	RGB 206 209 245	#CED1F5
66.7%	66.7% #D9D6F3	RGB 217 214 243	#D9D6F3
83.3%	83.3% #E3DEF0	RGB 227 222 240	#E3DEF0
100.0%	100.0% #EAE6EE	RGB 234 230 238	#EAE6EE

#B5E6FD #BDDBFA #C6D4F8 #CED1F5 #D9D6F3 #E3DEF0 #EAE6EE

#B5E6FD - #CED1F5 - #EAE6EE

Códigos CSS

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

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