#BD9FDC - #ECE3F5 | 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 #BD9FDC a #ECE3F5

#BD9FDC #ECE3F5

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

#BD9FDC - #ECE3F5 | 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 #BD9FDC como 0% y #ECE3F5 como 100%.

0.0%	0.0% #BD9FDC	RGB 189 159 220	#BD9FDC
16.7%	16.7% #C4AAE0	RGB 196 170 224	#C4AAE0
33.3%	33.3% #CCB5E4	RGB 204 181 228	#CCB5E4
50.0%	50.0% #D4C1E8	RGB 212 193 232	#D4C1E8
66.7%	66.7% #DCCCEC	RGB 220 204 236	#DCCCEC
83.3%	83.3% #E4D7F0	RGB 228 215 240	#E4D7F0
100.0%	100.0% #ECE3F5	RGB 236 227 245	#ECE3F5

#BD9FDC #C4AAE0 #CCB5E4 #D4C1E8 #DCCCEC #E4D7F0 #ECE3F5

#BD9FDC - #ECE3F5

Mezcla HSV

#BD9FDC - #ECE3F5 | 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 #BD9FDC como 0% y #ECE3F5 como 100%.

0.0%	0.0% #BD9FDC	RGB 189 159 220	#BD9FDC
16.7%	16.7% #C4A9E0	RGB 196 169 224	#C4A9E0
33.3%	33.3% #CCB4E4	RGB 204 180 228	#CCB4E4
50.0%	50.0% #D3BFE8	RGB 211 191 232	#D3BFE8
66.7%	66.7% #DBCBEC	RGB 219 203 236	#DBCBEC
83.3%	83.3% #E3D6F0	RGB 227 214 240	#E3D6F0
100.0%	100.0% #ECE3F5	RGB 236 227 245	#ECE3F5

#BD9FDC #C4A9E0 #CCB4E4 #D3BFE8 #DBCBEC #E3D6F0 #ECE3F5

#BD9FDC - #D3BFE8 - #ECE3F5

Códigos CSS

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

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