#5D4EB3 - #D5A4CD | 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 #5D4EB3 a #D5A4CD

#5D4EB3 #D5A4CD

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

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

0.0%	0.0% #5D4EB3	RGB 93 78 179	#5D4EB3
16.7%	16.7% #715CB7	RGB 113 92 183	#715CB7
33.3%	33.3% #856ABB	RGB 133 106 187	#856ABB
50.0%	50.0% #9979C0	RGB 153 121 192	#9979C0
66.7%	66.7% #AD87C4	RGB 173 135 196	#AD87C4
83.3%	83.3% #C195C8	RGB 193 149 200	#C195C8
100.0%	100.0% #D5A4CD	RGB 213 164 205	#D5A4CD

#5D4EB3 #715CB7 #856ABB #9979C0 #AD87C4 #C195C8 #D5A4CD

#5D4EB3 - #D5A4CD

Mezcla HSV

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

0.0%	0.0% #5C4EB3	RGB 92 78 179	#5C4EB3
16.7%	16.7% #785AB8	RGB 120 90 184	#785AB8
33.3%	33.3% #9268BE	RGB 146 104 190	#9268BE
50.0%	50.0% #A976C4	RGB 169 118 196	#A976C4
66.7%	66.7% #BD84C9	RGB 189 132 201	#BD84C9
83.3%	83.3% #CE94CF	RGB 206 148 207	#CE94CF
100.0%	100.0% #D5A4CD	RGB 213 164 205	#D5A4CD

#5C4EB3 #785AB8 #9268BE #A976C4 #BD84C9 #CE94CF #D5A4CD

#5D4EB3 - #A976C4 - #D5A4CD

Códigos CSS

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

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