#B5EAF8 - #F0E7EC | 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 #B5EAF8 a #F0E7EC

#B5EAF8 #F0E7EC

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

#B5EAF8 - #F0E7EC | 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 #B5EAF8 como 0% y #F0E7EC como 100%.

0.0%	0.0% #B5EAF8	RGB 181 234 248	#B5EAF8
16.7%	16.7% #BEE9F6	RGB 190 233 246	#BEE9F6
33.3%	33.3% #C8E9F4	RGB 200 233 244	#C8E9F4
50.0%	50.0% #D2E8F2	RGB 210 232 242	#D2E8F2
66.7%	66.7% #DCE8F0	RGB 220 232 240	#DCE8F0
83.3%	83.3% #E6E7EE	RGB 230 231 238	#E6E7EE
100.0%	100.0% #F0E7EC	RGB 240 231 236	#F0E7EC

#B5EAF8 #BEE9F6 #C8E9F4 #D2E8F2 #DCE8F0 #E6E7EE #F0E7EC

#B5EAF8 - #F0E7EC

Mezcla HSV

#B5EAF8 - #F0E7EC | 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 #B5EAF8 como 0% y #F0E7EC como 100%.

0.0%	0.0% #B5EAF8	RGB 181 234 248	#B5EAF8
16.7%	16.7% #BDD5F6	RGB 189 213 246	#BDD5F6
33.3%	33.3% #C6C8F5	RGB 198 200 245	#C6C8F5
50.0%	50.0% #DACEF4	RGB 218 206 244	#DACEF4
66.7%	66.7% #EAD6F2	RGB 234 214 242	#EAD6F2
83.3%	83.3% #F1DEF0	RGB 241 222 240	#F1DEF0
100.0%	100.0% #F0E7EC	RGB 240 231 236	#F0E7EC

#B5EAF8 #BDD5F6 #C6C8F5 #DACEF4 #EAD6F2 #F1DEF0 #F0E7EC

#B5EAF8 - #DACEF4 - #F0E7EC

Códigos CSS

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

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