#AD6D6D - #8B2B20 | 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 #AD6D6D a #8B2B20

#AD6D6D #8B2B20

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

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

0.0%	0.0% #AD6D6D	RGB 173 109 109	#AD6D6D
16.7%	16.7% #A76260	RGB 167 98 96	#A76260
33.3%	33.3% #A15753	RGB 161 87 83	#A15753
50.0%	50.0% #9C4C46	RGB 156 76 70	#9C4C46
66.7%	66.7% #964139	RGB 150 65 57	#964139
83.3%	83.3% #90362C	RGB 144 54 44	#90362C
100.0%	100.0% #8B2B20	RGB 139 43 32	#8B2B20

#AD6D6D #A76260 #A15753 #9C4C46 #964139 #90362C #8B2B20

#AD6D6D - #8B2B20

Mezcla HSV

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

0.0%	0.0% #AD6D6D	RGB 173 109 109	#AD6D6D
16.7%	16.7% #A75F5E	RGB 167 95 94	#A75F5E
33.3%	33.3% #A15350	RGB 161 83 80	#A15350
50.0%	50.0% #9C4743	RGB 156 71 67	#9C4743
66.7%	66.7% #963D36	RGB 150 61 54	#963D36
83.3%	83.3% #90332A	RGB 144 51 42	#90332A
100.0%	100.0% #8B2B20	RGB 139 43 32	#8B2B20

#AD6D6D #A75F5E #A15350 #9C4743 #963D36 #90332A #8B2B20

#AD6D6D - #9C4743 - #8B2B20

Códigos CSS

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

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