#9F5555 - #2D1818 | 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 #9F5555 a #2D1818

#9F5555 #2D1818

Calcule el color entre dos colores, #9F5555 y #2D1818. 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)

#9F5555 - #2D1818 | 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 #9F5555 como 0% y #2D1818 como 100%.

0.0%	0.0% #9F5555	RGB 159 85 85	#9F5555
16.7%	16.7% #8C4A4A	RGB 140 74 74	#8C4A4A
33.3%	33.3% #794040	RGB 121 64 64	#794040
50.0%	50.0% #663636	RGB 102 54 54	#663636
66.7%	66.7% #532C2C	RGB 83 44 44	#532C2C
83.3%	83.3% #402222	RGB 64 34 34	#402222
100.0%	100.0% #2D1818	RGB 45 24 24	#2D1818

#9F5555 #8C4A4A #794040 #663636 #532C2C #402222 #2D1818

#9F5555 - #2D1818

Mezcla HSV

#9F5555 - #2D1818 | 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 #9F5555 como 0% y #2D1818 como 100%.

0.0%	0.0% #9F5555	RGB 159 85 85	#9F5555
16.7%	16.7% #8C4A4A	RGB 140 74 74	#8C4A4A
33.3%	33.3% #794040	RGB 121 64 64	#794040
50.0%	50.0% #663636	RGB 102 54 54	#663636
66.7%	66.7% #532C2C	RGB 83 44 44	#532C2C
83.3%	83.3% #402222	RGB 64 34 34	#402222
100.0%	100.0% #2D1818	RGB 45 24 24	#2D1818

#9F5555 #8C4A4A #794040 #663636 #532C2C #402222 #2D1818

#9F5555 - #663636 - #2D1818

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5555 0%, #663636 50%, #2D1818 100%);
    background: -webkit-linear-gradient(top, #9F5555 0%, #663636 50%, #2D1818 100%);
    background: linear-gradient(to bottom, #9F5555 0%, #663636 50%, #2D1818 100%);
}
</style>