#963C92 - #570065 | 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 #963C92 a #570065

#963C92 #570065

Calcule el color entre dos colores, #963C92 y #570065. 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)

#963C92 - #570065 | 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 #963C92 como 0% y #570065 como 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #8B328A	RGB 139 50 138	#8B328A
33.3%	33.3% #812883	RGB 129 40 131	#812883
50.0%	50.0% #761E7B	RGB 118 30 123	#761E7B
66.7%	66.7% #6C1474	RGB 108 20 116	#6C1474
83.3%	83.3% #610A6C	RGB 97 10 108	#610A6C
100.0%	100.0% #570065	RGB 87 0 101	#570065

#963C92 #8B328A #812883 #761E7B #6C1474 #610A6C #570065

#963C92 - #570065

Mezcla HSV

#963C92 - #570065 | 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 #963C92 como 0% y #570065 como 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #8D2F8C	RGB 141 47 140	#8D2F8C
33.3%	33.3% #842385	RGB 132 35 133	#842385
50.0%	50.0% #78197D	RGB 120 25 125	#78197D
66.7%	66.7% #6D0F75	RGB 109 15 117	#6D0F75
83.3%	83.3% #62076D	RGB 98 7 109	#62076D
100.0%	100.0% #570065	RGB 87 0 101	#570065

#963C92 #8D2F8C #842385 #78197D #6D0F75 #62076D #570065

#963C92 - #78197D - #570065

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963C92 0%, #78197D 50%, #570065 100%);
    background: -webkit-linear-gradient(top, #963C92 0%, #78197D 50%, #570065 100%);
    background: linear-gradient(to bottom, #963C92 0%, #78197D 50%, #570065 100%);
}
</style>