#A58FBC - #763AA0 | 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 #A58FBC a #763AA0

#A58FBC #763AA0

Calcule el color entre dos colores, #A58FBC y #763AA0. 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)

#A58FBC - #763AA0 | 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 #A58FBC como 0% y #763AA0 como 100%.

0.0%	0.0% #A58FBC	RGB 165 143 188	#A58FBC
16.7%	16.7% #9D80B7	RGB 157 128 183	#9D80B7
33.3%	33.3% #9572B2	RGB 149 114 178	#9572B2
50.0%	50.0% #8D64AE	RGB 141 100 174	#8D64AE
66.7%	66.7% #8556A9	RGB 133 86 169	#8556A9
83.3%	83.3% #7D48A4	RGB 125 72 164	#7D48A4
100.0%	100.0% #763AA0	RGB 118 58 160	#763AA0

#A58FBC #9D80B7 #9572B2 #8D64AE #8556A9 #7D48A4 #763AA0

#A58FBC - #763AA0

Mezcla HSV

#A58FBC - #763AA0 | 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 #A58FBC como 0% y #763AA0 como 100%.

0.0%	0.0% #A58FBC	RGB 165 143 188	#A58FBC
16.7%	16.7% #9B7FB7	RGB 155 127 183	#9B7FB7
33.3%	33.3% #9270B2	RGB 146 112 178	#9270B2
50.0%	50.0% #8A61AE	RGB 138 97 174	#8A61AE
66.7%	66.7% #8353A9	RGB 131 83 169	#8353A9
83.3%	83.3% #7C46A4	RGB 124 70 164	#7C46A4
100.0%	100.0% #763AA0	RGB 118 58 160	#763AA0

#A58FBC #9B7FB7 #9270B2 #8A61AE #8353A9 #7C46A4 #763AA0

#A58FBC - #8A61AE - #763AA0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A58FBC 0%, #8A61AE 50%, #763AA0 100%);
    background: -webkit-linear-gradient(top, #A58FBC 0%, #8A61AE 50%, #763AA0 100%);
    background: linear-gradient(to bottom, #A58FBC 0%, #8A61AE 50%, #763AA0 100%);
}
</style>