#5E2DCB - #BD8AF2 | 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 #5E2DCB a #BD8AF2

#5E2DCB #BD8AF2

Calcule el color entre dos colores, #5E2DCB y #BD8AF2. 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)

#5E2DCB - #BD8AF2 | 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 #5E2DCB como 0% y #BD8AF2 como 100%.

0.0%	0.0% #5E2DCB	RGB 94 45 203	#5E2DCB
16.7%	16.7% #6D3CD1	RGB 109 60 209	#6D3CD1
33.3%	33.3% #7D4CD8	RGB 125 76 216	#7D4CD8
50.0%	50.0% #8D5BDE	RGB 141 91 222	#8D5BDE
66.7%	66.7% #9D6BE5	RGB 157 107 229	#9D6BE5
83.3%	83.3% #AD7AEB	RGB 173 122 235	#AD7AEB
100.0%	100.0% #BD8AF2	RGB 189 138 242	#BD8AF2

#5E2DCB #6D3CD1 #7D4CD8 #8D5BDE #9D6BE5 #AD7AEB #BD8AF2

#5E2DCB - #BD8AF2

Mezcla HSV

#5E2DCB - #BD8AF2 | 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 #5E2DCB como 0% y #BD8AF2 como 100%.

0.0%	0.0% #5D2DCB	RGB 93 45 203	#5D2DCB
16.7%	16.7% #6D3AD1	RGB 109 58 209	#6D3AD1
33.3%	33.3% #7D48D8	RGB 125 72 216	#7D48D8
50.0%	50.0% #8D58DE	RGB 141 88 222	#8D58DE
66.7%	66.7% #9D67E5	RGB 157 103 229	#9D67E5
83.3%	83.3% #AD78EB	RGB 173 120 235	#AD78EB
100.0%	100.0% #BD8AF2	RGB 189 138 242	#BD8AF2

#5D2DCB #6D3AD1 #7D48D8 #8D58DE #9D67E5 #AD78EB #BD8AF2

#5E2DCB - #8D58DE - #BD8AF2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D2DCB 0%, #8D58DE 50%, #BD8AF2 100%);
    background: -webkit-linear-gradient(top, #5D2DCB 0%, #8D58DE 50%, #BD8AF2 100%);
    background: linear-gradient(to bottom, #5D2DCB 0%, #8D58DE 50%, #BD8AF2 100%);
}
</style>