#B5A8EB - #FFE3E2 | 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 #B5A8EB a #FFE3E2

#B5A8EB #FFE3E2

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

#B5A8EB - #FFE3E2 | 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 #B5A8EB como 0% y #FFE3E2 como 100%.

0.0%	0.0% #B5A8EB	RGB 181 168 235	#B5A8EB
16.7%	16.7% #C1B1E9	RGB 193 177 233	#C1B1E9
33.3%	33.3% #CDBBE8	RGB 205 187 232	#CDBBE8
50.0%	50.0% #DAC5E6	RGB 218 197 230	#DAC5E6
66.7%	66.7% #E6CFE5	RGB 230 207 229	#E6CFE5
83.3%	83.3% #F2D9E3	RGB 242 217 227	#F2D9E3
100.0%	100.0% #FFE3E2	RGB 255 227 226	#FFE3E2

#B5A8EB #C1B1E9 #CDBBE8 #DAC5E6 #E6CFE5 #F2D9E3 #FFE3E2

#B5A8EB - #FFE3E2

Mezcla HSV

#B5A8EB - #FFE3E2 | 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 #B5A8EB como 0% y #FFE3E2 como 100%.

0.0%	0.0% #B4A8EB	RGB 180 168 235	#B4A8EB
16.7%	16.7% #CFB1EE	RGB 207 177 238	#CFB1EE
33.3%	33.3% #E7BAF1	RGB 231 186 241	#E7BAF1
50.0%	50.0% #F5C4EF	RGB 245 196 239	#F5C4EF
66.7%	66.7% #F8CDE6	RGB 248 205 230	#F8CDE6
83.3%	83.3% #FBD7E1	RGB 251 215 225	#FBD7E1
100.0%	100.0% #FFE3E2	RGB 255 227 226	#FFE3E2

#B4A8EB #CFB1EE #E7BAF1 #F5C4EF #F8CDE6 #FBD7E1 #FFE3E2

#B5A8EB - #F5C4EF - #FFE3E2

Códigos CSS

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

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