#AF75A6 - #801854 | 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 #AF75A6 a #801854

#AF75A6 #801854

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

#AF75A6 - #801854 | 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 #AF75A6 como 0% y #801854 como 100%.

0.0%	0.0% #AF75A6	RGB 175 117 166	#AF75A6
16.7%	16.7% #A76598	RGB 167 101 152	#A76598
33.3%	33.3% #9F568A	RGB 159 86 138	#9F568A
50.0%	50.0% #97467D	RGB 151 70 125	#97467D
66.7%	66.7% #8F376F	RGB 143 55 111	#8F376F
83.3%	83.3% #872761	RGB 135 39 97	#872761
100.0%	100.0% #801854	RGB 128 24 84	#801854

#AF75A6 #A76598 #9F568A #97467D #8F376F #872761 #801854

#AF75A6 - #801854

Mezcla HSV

#AF75A6 - #801854 | 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 #AF75A6 como 0% y #801854 como 100%.

0.0%	0.0% #AF75A6	RGB 175 117 166	#AF75A6
16.7%	16.7% #A76299	RGB 167 98 153	#A76299
33.3%	33.3% #9F508C	RGB 159 80 140	#9F508C
50.0%	50.0% #97407E	RGB 151 64 126	#97407E
66.7%	66.7% #8F3170	RGB 143 49 112	#8F3170
83.3%	83.3% #872462	RGB 135 36 98	#872462
100.0%	100.0% #801854	RGB 128 24 84	#801854

#AF75A6 #A76299 #9F508C #97407E #8F3170 #872462 #801854

#AF75A6 - #97407E - #801854

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF75A6 0%, #97407E 50%, #801854 100%);
    background: -webkit-linear-gradient(top, #AF75A6 0%, #97407E 50%, #801854 100%);
    background: linear-gradient(to bottom, #AF75A6 0%, #97407E 50%, #801854 100%);
}
</style>