#5E3C96 - #D0C7E1 | 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 #5E3C96 a #D0C7E1

#5E3C96 #D0C7E1

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

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

0.0%	0.0% #5E3C96	RGB 94 60 150	#5E3C96
16.7%	16.7% #7153A2	RGB 113 83 162	#7153A2
33.3%	33.3% #846AAF	RGB 132 106 175	#846AAF
50.0%	50.0% #9781BB	RGB 151 129 187	#9781BB
66.7%	66.7% #AA98C8	RGB 170 152 200	#AA98C8
83.3%	83.3% #BDAFD4	RGB 189 175 212	#BDAFD4
100.0%	100.0% #D0C7E1	RGB 208 199 225	#D0C7E1

#5E3C96 #7153A2 #846AAF #9781BB #AA98C8 #BDAFD4 #D0C7E1

#5E3C96 - #D0C7E1

Mezcla HSV

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

0.0%	0.0% #5E3C96	RGB 94 60 150	#5E3C96
16.7%	16.7% #6D4EA2	RGB 109 78 162	#6D4EA2
33.3%	33.3% #7E62AF	RGB 126 98 175	#7E62AF
50.0%	50.0% #9078BB	RGB 144 120 187	#9078BB
66.7%	66.7% #A490C8	RGB 164 144 200	#A490C8
83.3%	83.3% #B9AAD4	RGB 185 170 212	#B9AAD4
100.0%	100.0% #D0C7E1	RGB 208 199 225	#D0C7E1

#5E3C96 #6D4EA2 #7E62AF #9078BB #A490C8 #B9AAD4 #D0C7E1

#5E3C96 - #9078BB - #D0C7E1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C96 0%, #9078BB 50%, #D0C7E1 100%);
    background: -webkit-linear-gradient(top, #5E3C96 0%, #9078BB 50%, #D0C7E1 100%);
    background: linear-gradient(to bottom, #5E3C96 0%, #9078BB 50%, #D0C7E1 100%);
}
</style>