#5E3F8C - #D78DA4 | 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 #5E3F8C a #D78DA4

#5E3F8C #D78DA4

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

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

0.0%	0.0% #5E3F8C	RGB 94 63 140	#5E3F8C
16.7%	16.7% #724C90	RGB 114 76 144	#724C90
33.3%	33.3% #865994	RGB 134 89 148	#865994
50.0%	50.0% #9A6698	RGB 154 102 152	#9A6698
66.7%	66.7% #AE739C	RGB 174 115 156	#AE739C
83.3%	83.3% #C280A0	RGB 194 128 160	#C280A0
100.0%	100.0% #D78DA4	RGB 215 141 164	#D78DA4

#5E3F8C #724C90 #865994 #9A6698 #AE739C #C280A0 #D78DA4

#5E3F8C - #D78DA4

Mezcla HSV

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

0.0%	0.0% #5D3F8C	RGB 93 63 140	#5D3F8C
16.7%	16.7% #7A4998	RGB 122 73 152	#7A4998
33.3%	33.3% #9755A5	RGB 151 85 165	#9755A5
50.0%	50.0% #B162AD	RGB 177 98 173	#B162AD
66.7%	66.7% #BE6FA9	RGB 190 111 169	#BE6FA9
83.3%	83.3% #CA7DA6	RGB 202 125 166	#CA7DA6
100.0%	100.0% #D78DA4	RGB 215 141 164	#D78DA4

#5D3F8C #7A4998 #9755A5 #B162AD #BE6FA9 #CA7DA6 #D78DA4

#5E3F8C - #B162AD - #D78DA4

Códigos CSS

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

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