#AA8EB6 - #573669 | 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 #AA8EB6 a #573669

#AA8EB6 #573669

Calcule el color entre dos colores, #AA8EB6 y #573669. 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)

#AA8EB6 - #573669 | 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 #AA8EB6 como 0% y #573669 como 100%.

0.0%	0.0% #AA8EB6	RGB 170 142 182	#AA8EB6
16.7%	16.7% #9C7FA9	RGB 156 127 169	#9C7FA9
33.3%	33.3% #8E709C	RGB 142 112 156	#8E709C
50.0%	50.0% #80628F	RGB 128 98 143	#80628F
66.7%	66.7% #725382	RGB 114 83 130	#725382
83.3%	83.3% #644475	RGB 100 68 117	#644475
100.0%	100.0% #573669	RGB 87 54 105	#573669

#AA8EB6 #9C7FA9 #8E709C #80628F #725382 #644475 #573669

#AA8EB6 - #573669

Mezcla HSV

#AA8EB6 - #573669 | 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 #AA8EB6 como 0% y #573669 como 100%.

0.0%	0.0% #AA8EB6	RGB 170 142 182	#AA8EB6
16.7%	16.7% #9B7CA9	RGB 155 124 169	#9B7CA9
33.3%	33.3% #8D6C9C	RGB 141 108 156	#8D6C9C
50.0%	50.0% #7E5C8F	RGB 126 92 143	#7E5C8F
66.7%	66.7% #714E82	RGB 113 78 130	#714E82
83.3%	83.3% #634175	RGB 99 65 117	#634175
100.0%	100.0% #573669	RGB 87 54 105	#573669

#AA8EB6 #9B7CA9 #8D6C9C #7E5C8F #714E82 #634175 #573669

#AA8EB6 - #7E5C8F - #573669

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8EB6 0%, #7E5C8F 50%, #573669 100%);
    background: -webkit-linear-gradient(top, #AA8EB6 0%, #7E5C8F 50%, #573669 100%);
    background: linear-gradient(to bottom, #AA8EB6 0%, #7E5C8F 50%, #573669 100%);
}
</style>