#421212 - #8D4637 | 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 #421212 a #8D4637

#421212 #8D4637

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

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

0.0%	0.0% #421212	RGB 66 18 18	#421212
16.7%	16.7% #4E1A18	RGB 78 26 24	#4E1A18
33.3%	33.3% #5B231E	RGB 91 35 30	#5B231E
50.0%	50.0% #672C24	RGB 103 44 36	#672C24
66.7%	66.7% #74342A	RGB 116 52 42	#74342A
83.3%	83.3% #803D30	RGB 128 61 48	#803D30
100.0%	100.0% #8D4637	RGB 141 70 55	#8D4637

#421212 #4E1A18 #5B231E #672C24 #74342A #803D30 #8D4637

#421212 - #8D4637

Mezcla HSV

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

0.0%	0.0% #421111	RGB 66 17 17	#421111
16.7%	16.7% #4E1816	RGB 78 24 22	#4E1816
33.3%	33.3% #5B201C	RGB 91 32 28	#5B201C
50.0%	50.0% #672822	RGB 103 40 34	#672822
66.7%	66.7% #743128	RGB 116 49 40	#743128
83.3%	83.3% #803B2F	RGB 128 59 47	#803B2F
100.0%	100.0% #8D4637	RGB 141 70 55	#8D4637

#421111 #4E1816 #5B201C #672822 #743128 #803B2F #8D4637

#421212 - #672822 - #8D4637

Códigos CSS

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

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