#A86D9A - #5E314C | 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 #A86D9A a #5E314C

#A86D9A #5E314C

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

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

0.0%	0.0% #A86D9A	RGB 168 109 154	#A86D9A
16.7%	16.7% #9B638D	RGB 155 99 141	#9B638D
33.3%	33.3% #8F5980	RGB 143 89 128	#8F5980
50.0%	50.0% #834F73	RGB 131 79 115	#834F73
66.7%	66.7% #764566	RGB 118 69 102	#764566
83.3%	83.3% #6A3B59	RGB 106 59 89	#6A3B59
100.0%	100.0% #5E314C	RGB 94 49 76	#5E314C

#A86D9A #9B638D #8F5980 #834F73 #764566 #6A3B59 #5E314C

#A86D9A - #5E314C

Mezcla HSV

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

0.0%	0.0% #A86D9A	RGB 168 109 154	#A86D9A
16.7%	16.7% #9B618C	RGB 155 97 140	#9B618C
33.3%	33.3% #8F567E	RGB 143 86 126	#8F567E
50.0%	50.0% #834C71	RGB 131 76 113	#834C71
66.7%	66.7% #764264	RGB 118 66 100	#764264
83.3%	83.3% #6A3958	RGB 106 57 88	#6A3958
100.0%	100.0% #5E314C	RGB 94 49 76	#5E314C

#A86D9A #9B618C #8F567E #834C71 #764264 #6A3958 #5E314C

#A86D9A - #834C71 - #5E314C

Códigos CSS

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

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