#B5E2F7 - #EAE6EC | 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 #B5E2F7 a #EAE6EC

#B5E2F7 #EAE6EC

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

#B5E2F7 - #EAE6EC | 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 #B5E2F7 como 0% y #EAE6EC como 100%.

0.0%	0.0% #B5E2F7	RGB 181 226 247	#B5E2F7
16.7%	16.7% #BDE2F5	RGB 189 226 245	#BDE2F5
33.3%	33.3% #C6E3F3	RGB 198 227 243	#C6E3F3
50.0%	50.0% #CFE4F1	RGB 207 228 241	#CFE4F1
66.7%	66.7% #D8E4EF	RGB 216 228 239	#D8E4EF
83.3%	83.3% #E1E5ED	RGB 225 229 237	#E1E5ED
100.0%	100.0% #EAE6EC	RGB 234 230 236	#EAE6EC

#B5E2F7 #BDE2F5 #C6E3F3 #CFE4F1 #D8E4EF #E1E5ED #EAE6EC

#B5E2F7 - #EAE6EC

Mezcla HSV

#B5E2F7 - #EAE6EC | 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 #B5E2F7 como 0% y #EAE6EC como 100%.

0.0%	0.0% #B5E2F7	RGB 181 226 247	#B5E2F7
16.7%	16.7% #BDD6F5	RGB 189 214 245	#BDD6F5
33.3%	33.3% #C5D0F3	RGB 197 208 243	#C5D0F3
50.0%	50.0% #CECEF1	RGB 206 206 241	#CECEF1
66.7%	66.7% #DBD6EF	RGB 219 214 239	#DBD6EF
83.3%	83.3% #E5DEED	RGB 229 222 237	#E5DEED
100.0%	100.0% #EAE6EC	RGB 234 230 236	#EAE6EC

#B5E2F7 #BDD6F5 #C5D0F3 #CECEF1 #DBD6EF #E5DEED #EAE6EC

#B5E2F7 - #CECEF1 - #EAE6EC

Códigos CSS

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

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