#8C6D95 - #501C5E | 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 #8C6D95 a #501C5E

#8C6D95 #501C5E

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

#8C6D95 - #501C5E | 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 #8C6D95 como 0% y #501C5E como 100%.

0.0%	0.0% #8C6D95	RGB 140 109 149	#8C6D95
16.7%	16.7% #825F8B	RGB 130 95 139	#825F8B
33.3%	33.3% #785282	RGB 120 82 130	#785282
50.0%	50.0% #6E4479	RGB 110 68 121	#6E4479
66.7%	66.7% #643770	RGB 100 55 112	#643770
83.3%	83.3% #5A2967	RGB 90 41 103	#5A2967
100.0%	100.0% #501C5E	RGB 80 28 94	#501C5E

#8C6D95 #825F8B #785282 #6E4479 #643770 #5A2967 #501C5E

#8C6D95 - #501C5E

Mezcla HSV

#8C6D95 - #501C5E | 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 #8C6D95 como 0% y #501C5E como 100%.

0.0%	0.0% #8C6D95	RGB 140 109 149	#8C6D95
16.7%	16.7% #815C8B	RGB 129 92 139	#815C8B
33.3%	33.3% #764C82	RGB 118 76 130	#764C82
50.0%	50.0% #6C3E79	RGB 108 62 121	#6C3E79
66.7%	66.7% #623170	RGB 98 49 112	#623170
83.3%	83.3% #592667	RGB 89 38 103	#592667
100.0%	100.0% #501C5E	RGB 80 28 94	#501C5E

#8C6D95 #815C8B #764C82 #6C3E79 #623170 #592667 #501C5E

#8C6D95 - #6C3E79 - #501C5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C6D95 0%, #6C3E79 50%, #501C5E 100%);
    background: -webkit-linear-gradient(top, #8C6D95 0%, #6C3E79 50%, #501C5E 100%);
    background: linear-gradient(to bottom, #8C6D95 0%, #6C3E79 50%, #501C5E 100%);
}
</style>