#AA8484 - #8F3C30 | 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 #AA8484 a #8F3C30

#AA8484 #8F3C30

Calcule el color entre dos colores, #AA8484 y #8F3C30. 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)

#AA8484 - #8F3C30 | 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 #AA8484 como 0% y #8F3C30 como 100%.

0.0%	0.0% #AA8484	RGB 170 132 132	#AA8484
16.7%	16.7% #A57876	RGB 165 120 118	#A57876
33.3%	33.3% #A16C68	RGB 161 108 104	#A16C68
50.0%	50.0% #9C605A	RGB 156 96 90	#9C605A
66.7%	66.7% #98544C	RGB 152 84 76	#98544C
83.3%	83.3% #93483E	RGB 147 72 62	#93483E
100.0%	100.0% #8F3C30	RGB 143 60 48	#8F3C30

#AA8484 #A57876 #A16C68 #9C605A #98544C #93483E #8F3C30

#AA8484 - #8F3C30

Mezcla HSV

#AA8484 - #8F3C30 | 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 #AA8484 como 0% y #8F3C30 como 100%.

0.0%	0.0% #AA8484	RGB 170 132 132	#AA8484
16.7%	16.7% #A57574	RGB 165 117 116	#A57574
33.3%	33.3% #A16765	RGB 161 103 101	#A16765
50.0%	50.0% #9C5B57	RGB 156 91 87	#9C5B57
66.7%	66.7% #984F49	RGB 152 79 73	#984F49
83.3%	83.3% #93453C	RGB 147 69 60	#93453C
100.0%	100.0% #8F3C30	RGB 143 60 48	#8F3C30

#AA8484 #A57574 #A16765 #9C5B57 #984F49 #93453C #8F3C30

#AA8484 - #9C5B57 - #8F3C30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8484 0%, #9C5B57 50%, #8F3C30 100%);
    background: -webkit-linear-gradient(top, #AA8484 0%, #9C5B57 50%, #8F3C30 100%);
    background: linear-gradient(to bottom, #AA8484 0%, #9C5B57 50%, #8F3C30 100%);
}
</style>