#BEB5DF - #ECE9F5 | 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 #BEB5DF a #ECE9F5

#BEB5DF #ECE9F5

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

#BEB5DF - #ECE9F5 | 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 #BEB5DF como 0% y #ECE9F5 como 100%.

0.0%	0.0% #BEB5DF	RGB 190 181 223	#BEB5DF
16.7%	16.7% #C5BDE2	RGB 197 189 226	#C5BDE2
33.3%	33.3% #CDC6E6	RGB 205 198 230	#CDC6E6
50.0%	50.0% #D5CFEA	RGB 213 207 234	#D5CFEA
66.7%	66.7% #DCD7ED	RGB 220 215 237	#DCD7ED
83.3%	83.3% #E4E0F1	RGB 228 224 241	#E4E0F1
100.0%	100.0% #ECE9F5	RGB 236 233 245	#ECE9F5

#BEB5DF #C5BDE2 #CDC6E6 #D5CFEA #DCD7ED #E4E0F1 #ECE9F5

#BEB5DF - #ECE9F5

Mezcla HSV

#BEB5DF - #ECE9F5 | 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 #BEB5DF como 0% y #ECE9F5 como 100%.

0.0%	0.0% #BEB5DF	RGB 190 181 223	#BEB5DF
16.7%	16.7% #C5BDE2	RGB 197 189 226	#C5BDE2
33.3%	33.3% #CDC5E6	RGB 205 197 230	#CDC5E6
50.0%	50.0% #D4CEEA	RGB 212 206 234	#D4CEEA
66.7%	66.7% #DCD6ED	RGB 220 214 237	#DCD6ED
83.3%	83.3% #E4DFF1	RGB 228 223 241	#E4DFF1
100.0%	100.0% #ECE9F5	RGB 236 233 245	#ECE9F5

#BEB5DF #C5BDE2 #CDC5E6 #D4CEEA #DCD6ED #E4DFF1 #ECE9F5

#BEB5DF - #D4CEEA - #ECE9F5

Códigos CSS

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

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