#391110 - #8B3C35 | 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 #391110 a #8B3C35

#391110 #8B3C35

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

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

0.0%	0.0% #391110	RGB 57 17 16	#391110
16.7%	16.7% #461816	RGB 70 24 22	#461816
33.3%	33.3% #541F1C	RGB 84 31 28	#541F1C
50.0%	50.0% #622622	RGB 98 38 34	#622622
66.7%	66.7% #6F2D28	RGB 111 45 40	#6F2D28
83.3%	83.3% #7D342E	RGB 125 52 46	#7D342E
100.0%	100.0% #8B3C35	RGB 139 60 53	#8B3C35

#391110 #461816 #541F1C #622622 #6F2D28 #7D342E #8B3C35

#391110 - #8B3C35

Mezcla HSV

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

0.0%	0.0% #391110	RGB 57 17 16	#391110
16.7%	16.7% #461615	RGB 70 22 21	#461615
33.3%	33.3% #541D1A	RGB 84 29 26	#541D1A
50.0%	50.0% #622320	RGB 98 35 32	#622320
66.7%	66.7% #6F2B26	RGB 111 43 38	#6F2B26
83.3%	83.3% #7D332D	RGB 125 51 45	#7D332D
100.0%	100.0% #8B3C35	RGB 139 60 53	#8B3C35

#391110 #461615 #541D1A #622320 #6F2B26 #7D332D #8B3C35

#391110 - #622320 - #8B3C35

Códigos CSS

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

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