#AD7979 - #8F3328 | 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 #AD7979 a #8F3328

#AD7979 #8F3328

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

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

0.0%	0.0% #AD7979	RGB 173 121 121	#AD7979
16.7%	16.7% #A86D6B	RGB 168 109 107	#A86D6B
33.3%	33.3% #A3615E	RGB 163 97 94	#A3615E
50.0%	50.0% #9E5650	RGB 158 86 80	#9E5650
66.7%	66.7% #994A43	RGB 153 74 67	#994A43
83.3%	83.3% #943E35	RGB 148 62 53	#943E35
100.0%	100.0% #8F3328	RGB 143 51 40	#8F3328

#AD7979 #A86D6B #A3615E #9E5650 #994A43 #943E35 #8F3328

#AD7979 - #8F3328

Mezcla HSV

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

0.0%	0.0% #AD7979	RGB 173 121 121	#AD7979
16.7%	16.7% #A86A69	RGB 168 106 105	#A86A69
33.3%	33.3% #A35D5B	RGB 163 93 91	#A35D5B
50.0%	50.0% #9E514D	RGB 158 81 77	#9E514D
66.7%	66.7% #994640	RGB 153 70 64	#994640
83.3%	83.3% #943C33	RGB 148 60 51	#943C33
100.0%	100.0% #8F3328	RGB 143 51 40	#8F3328

#AD7979 #A86A69 #A35D5B #9E514D #994640 #943C33 #8F3328

#AD7979 - #9E514D - #8F3328

Códigos CSS

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

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