#AFA2AB - #874C82 | 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 #AFA2AB a #874C82

#AFA2AB #874C82

Calcule el color entre dos colores, #AFA2AB y #874C82. 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)

#AFA2AB - #874C82 | 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 #AFA2AB como 0% y #874C82 como 100%.

0.0%	0.0% #AFA2AB	RGB 175 162 171	#AFA2AB
16.7%	16.7% #A893A4	RGB 168 147 164	#A893A4
33.3%	33.3% #A1859D	RGB 161 133 157	#A1859D
50.0%	50.0% #9B7796	RGB 155 119 150	#9B7796
66.7%	66.7% #94688F	RGB 148 104 143	#94688F
83.3%	83.3% #8D5A88	RGB 141 90 136	#8D5A88
100.0%	100.0% #874C82	RGB 135 76 130	#874C82

#AFA2AB #A893A4 #A1859D #9B7796 #94688F #8D5A88 #874C82

#AFA2AB - #874C82

Mezcla HSV

#AFA2AB - #874C82 | 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 #AFA2AB como 0% y #874C82 como 100%.

0.0%	0.0% #AFA2AB	RGB 175 162 171	#AFA2AB
16.7%	16.7% #A891A2	RGB 168 145 162	#A891A2
33.3%	33.3% #A1829A	RGB 161 130 154	#A1829A
50.0%	50.0% #9B7393	RGB 155 115 147	#9B7393
66.7%	66.7% #94658C	RGB 148 101 140	#94658C
83.3%	83.3% #8D5887	RGB 141 88 135	#8D5887
100.0%	100.0% #874C82	RGB 135 76 130	#874C82

#AFA2AB #A891A2 #A1829A #9B7393 #94658C #8D5887 #874C82

#AFA2AB - #9B7393 - #874C82

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFA2AB 0%, #9B7393 50%, #874C82 100%);
    background: -webkit-linear-gradient(top, #AFA2AB 0%, #9B7393 50%, #874C82 100%);
    background: linear-gradient(to bottom, #AFA2AB 0%, #9B7393 50%, #874C82 100%);
}
</style>