#400080 - #8A01C8 | 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 #400080 a #8A01C8

#400080 #8A01C8

Calcule el color entre dos colores, #400080 y #8A01C8. 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)

#400080 - #8A01C8 | 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 #400080 como 0% y #8A01C8 como 100%.

0.0%	0.0% #400080	RGB 64 0 128	#400080
16.7%	16.7% #4C008C	RGB 76 0 140	#4C008C
33.3%	33.3% #580098	RGB 88 0 152	#580098
50.0%	50.0% #6500A4	RGB 101 0 164	#6500A4
66.7%	66.7% #7100B0	RGB 113 0 176	#7100B0
83.3%	83.3% #7D00BC	RGB 125 0 188	#7D00BC
100.0%	100.0% #8A01C8	RGB 138 1 200	#8A01C8

#400080 #4C008C #580098 #6500A4 #7100B0 #7D00BC #8A01C8

#400080 - #8A01C8

Mezcla HSV

#400080 - #8A01C8 | 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 #400080 como 0% y #8A01C8 como 100%.

0.0%	0.0% #400080	RGB 64 0 128	#400080
16.7%	16.7% #4A008C	RGB 74 0 140	#4A008C
33.3%	33.3% #550098	RGB 85 0 152	#550098
50.0%	50.0% #6100A4	RGB 97 0 164	#6100A4
66.7%	66.7% #6E00B0	RGB 110 0 176	#6E00B0
83.3%	83.3% #7B00BC	RGB 123 0 188	#7B00BC
100.0%	100.0% #8A01C8	RGB 138 1 200	#8A01C8

#400080 #4A008C #550098 #6100A4 #6E00B0 #7B00BC #8A01C8

#400080 - #6100A4 - #8A01C8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #400080 0%, #6100A4 50%, #8A01C8 100%);
    background: -webkit-linear-gradient(top, #400080 0%, #6100A4 50%, #8A01C8 100%);
    background: linear-gradient(to bottom, #400080 0%, #6100A4 50%, #8A01C8 100%);
}
</style>