#8D4142 - #32101B | 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 #8D4142 a #32101B

#8D4142 #32101B

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

#8D4142 - #32101B | 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 #8D4142 como 0% y #32101B como 100%.

0.0%	0.0% #8D4142	RGB 141 65 66	#8D4142
16.7%	16.7% #7D383B	RGB 125 56 59	#7D383B
33.3%	33.3% #6E3035	RGB 110 48 53	#6E3035
50.0%	50.0% #5F282E	RGB 95 40 46	#5F282E
66.7%	66.7% #502028	RGB 80 32 40	#502028
83.3%	83.3% #411821	RGB 65 24 33	#411821
100.0%	100.0% #32101B	RGB 50 16 27	#32101B

#8D4142 #7D383B #6E3035 #5F282E #502028 #411821 #32101B

#8D4142 - #32101B

Mezcla HSV

#8D4142 - #32101B | 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 #8D4142 como 0% y #32101B como 100%.

0.0%	0.0% #8D4142	RGB 141 65 66	#8D4142
16.7%	16.7% #7D373B	RGB 125 55 59	#7D373B
33.3%	33.3% #6E2D35	RGB 110 45 53	#6E2D35
50.0%	50.0% #5F252F	RGB 95 37 47	#5F252F
66.7%	66.7% #501D28	RGB 80 29 40	#501D28
83.3%	83.3% #411622	RGB 65 22 34	#411622
100.0%	100.0% #32101B	RGB 50 16 27	#32101B

#8D4142 #7D373B #6E2D35 #5F252F #501D28 #411622 #32101B

#8D4142 - #5F252F - #32101B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D4142 0%, #5F252F 50%, #32101B 100%);
    background: -webkit-linear-gradient(top, #8D4142 0%, #5F252F 50%, #32101B 100%);
    background: linear-gradient(to bottom, #8D4142 0%, #5F252F 50%, #32101B 100%);
}
</style>