#BDB5E4 - #FFDEDB | 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 #BDB5E4 a #FFDEDB

#BDB5E4 #FFDEDB

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

#BDB5E4 - #FFDEDB | 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 #BDB5E4 como 0% y #FFDEDB como 100%.

0.0%	0.0% #BDB5E4	RGB 189 181 228	#BDB5E4
16.7%	16.7% #C8BBE2	RGB 200 187 226	#C8BBE2
33.3%	33.3% #D3C2E1	RGB 211 194 225	#D3C2E1
50.0%	50.0% #DEC9DF	RGB 222 201 223	#DEC9DF
66.7%	66.7% #E9D0DE	RGB 233 208 222	#E9D0DE
83.3%	83.3% #F4D7DC	RGB 244 215 220	#F4D7DC
100.0%	100.0% #FFDEDB	RGB 255 222 219	#FFDEDB

#BDB5E4 #C8BBE2 #D3C2E1 #DEC9DF #E9D0DE #F4D7DC #FFDEDB

#BDB5E4 - #FFDEDB

Mezcla HSV

#BDB5E4 - #FFDEDB | 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 #BDB5E4 como 0% y #FFDEDB como 100%.

0.0%	0.0% #BDB5E4	RGB 189 181 228	#BDB5E4
16.7%	16.7% #D1BBE8	RGB 209 187 232	#D1BBE8
33.3%	33.3% #E4C1ED	RGB 228 193 237	#E4C1ED
50.0%	50.0% #F1C7EC	RGB 241 199 236	#F1C7EC
66.7%	66.7% #F6CDE4	RGB 246 205 228	#F6CDE4
83.3%	83.3% #FAD4DD	RGB 250 212 221	#FAD4DD
100.0%	100.0% #FFDEDB	RGB 255 222 219	#FFDEDB

#BDB5E4 #D1BBE8 #E4C1ED #F1C7EC #F6CDE4 #FAD4DD #FFDEDB

#BDB5E4 - #F1C7EC - #FFDEDB

Códigos CSS

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

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