#B8B5E7 - #FFE9DF | 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 #B8B5E7 a #FFE9DF

#B8B5E7 #FFE9DF

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

#B8B5E7 - #FFE9DF | 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 #B8B5E7 como 0% y #FFE9DF como 100%.

0.0%	0.0% #B8B5E7	RGB 184 181 231	#B8B5E7
16.7%	16.7% #C3BDE5	RGB 195 189 229	#C3BDE5
33.3%	33.3% #CFC6E4	RGB 207 198 228	#CFC6E4
50.0%	50.0% #DBCFE3	RGB 219 207 227	#DBCFE3
66.7%	66.7% #E7D7E1	RGB 231 215 225	#E7D7E1
83.3%	83.3% #F3E0E0	RGB 243 224 224	#F3E0E0
100.0%	100.0% #FFE9DF	RGB 255 233 223	#FFE9DF

#B8B5E7 #C3BDE5 #CFC6E4 #DBCFE3 #E7D7E1 #F3E0E0 #FFE9DF

#B8B5E7 - #FFE9DF

Mezcla HSV

#B8B5E7 - #FFE9DF | 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 #B8B5E7 como 0% y #FFE9DF como 100%.

0.0%	0.0% #B8B5E7	RGB 184 181 231	#B8B5E7
16.7%	16.7% #D0BBEB	RGB 208 187 235	#D0BBEB
33.3%	33.3% #E6C2EF	RGB 230 194 239	#E6C2EF
50.0%	50.0% #F3C9EB	RGB 243 201 235	#F3C9EB
66.7%	66.7% #F7D0E1	RGB 247 208 225	#F7D0E1
83.3%	83.3% #FBD7D9	RGB 251 215 217	#FBD7D9
100.0%	100.0% #FFE9DF	RGB 255 233 223	#FFE9DF

#B8B5E7 #D0BBEB #E6C2EF #F3C9EB #F7D0E1 #FBD7D9 #FFE9DF

#B8B5E7 - #F3C9EB - #FFE9DF

Códigos CSS

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

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