#BAA5E2 - #FFE2DB | 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 #BAA5E2 a #FFE2DB

#BAA5E2 #FFE2DB

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

#BAA5E2 - #FFE2DB | 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 #BAA5E2 como 0% y #FFE2DB como 100%.

0.0%	0.0% #BAA5E2	RGB 186 165 226	#BAA5E2
16.7%	16.7% #C5AFE0	RGB 197 175 224	#C5AFE0
33.3%	33.3% #D1B9DF	RGB 209 185 223	#D1B9DF
50.0%	50.0% #DCC3DE	RGB 220 195 222	#DCC3DE
66.7%	66.7% #E8CDDD	RGB 232 205 221	#E8CDDD
83.3%	83.3% #F3D7DC	RGB 243 215 220	#F3D7DC
100.0%	100.0% #FFE2DB	RGB 255 226 219	#FFE2DB

#BAA5E2 #C5AFE0 #D1B9DF #DCC3DE #E8CDDD #F3D7DC #FFE2DB

#BAA5E2 - #FFE2DB

Mezcla HSV

#BAA5E2 - #FFE2DB | 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 #BAA5E2 como 0% y #FFE2DB como 100%.

0.0%	0.0% #BAA5E2	RGB 186 165 226	#BAA5E2
16.7%	16.7% #D2ADE6	RGB 210 173 230	#D2ADE6
33.3%	33.3% #E9B6EB	RGB 233 182 235	#E9B6EB
50.0%	50.0% #F0BFE3	RGB 240 191 227	#F0BFE3
66.7%	66.7% #F5C8DB	RGB 245 200 219	#F5C8DB
83.3%	83.3% #FAD1D6	RGB 250 209 214	#FAD1D6
100.0%	100.0% #FFE2DB	RGB 255 226 219	#FFE2DB

#BAA5E2 #D2ADE6 #E9B6EB #F0BFE3 #F5C8DB #FAD1D6 #FFE2DB

#BAA5E2 - #F0BFE3 - #FFE2DB

Códigos CSS

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

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