#482E5E - #8F4FCD | 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 #482E5E a #8F4FCD

#482E5E #8F4FCD

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

#482E5E - #8F4FCD | 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 #482E5E como 0% y #8F4FCD como 100%.

0.0%	0.0% #482E5E	RGB 72 46 94	#482E5E
16.7%	16.7% #533370	RGB 83 51 112	#533370
33.3%	33.3% #5F3983	RGB 95 57 131	#5F3983
50.0%	50.0% #6B3E95	RGB 107 62 149	#6B3E95
66.7%	66.7% #7744A8	RGB 119 68 168	#7744A8
83.3%	83.3% #8349BA	RGB 131 73 186	#8349BA
100.0%	100.0% #8F4FCD	RGB 143 79 205	#8F4FCD

#482E5E #533370 #5F3983 #6B3E95 #7744A8 #8349BA #8F4FCD

#482E5E - #8F4FCD

Mezcla HSV

#482E5E - #8F4FCD | 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 #482E5E como 0% y #8F4FCD como 100%.

0.0%	0.0% #482E5E	RGB 72 46 94	#482E5E
16.7%	16.7% #543570	RGB 84 53 112	#543570
33.3%	33.3% #613B83	RGB 97 59 131	#613B83
50.0%	50.0% #6D4195	RGB 109 65 149	#6D4195
66.7%	66.7% #7946A8	RGB 121 70 168	#7946A8
83.3%	83.3% #844BBA	RGB 132 75 186	#844BBA
100.0%	100.0% #8F4FCD	RGB 143 79 205	#8F4FCD

#482E5E #543570 #613B83 #6D4195 #7946A8 #844BBA #8F4FCD

#482E5E - #6D4195 - #8F4FCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482E5E 0%, #6D4195 50%, #8F4FCD 100%);
    background: -webkit-linear-gradient(top, #482E5E 0%, #6D4195 50%, #8F4FCD 100%);
    background: linear-gradient(to bottom, #482E5E 0%, #6D4195 50%, #8F4FCD 100%);
}
</style>