#391D23 - #10080A | 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 #391D23 a #10080A

#391D23 #10080A

Calcule el color entre dos colores, #391D23 y #10080A. 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)

#391D23 - #10080A | 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 #391D23 como 0% y #10080A como 100%.

0.0%	0.0% #391D23	RGB 57 29 35	#391D23
16.7%	16.7% #32191E	RGB 50 25 30	#32191E
33.3%	33.3% #2B161A	RGB 43 22 26	#2B161A
50.0%	50.0% #241216	RGB 36 18 22	#241216
66.7%	66.7% #1D0F12	RGB 29 15 18	#1D0F12
83.3%	83.3% #160B0E	RGB 22 11 14	#160B0E
100.0%	100.0% #10080A	RGB 16 8 10	#10080A

#391D23 #32191E #2B161A #241216 #1D0F12 #160B0E #10080A

#391D23 - #10080A

Mezcla HSV

#391D23 - #10080A | 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 #391D23 como 0% y #10080A como 100%.

0.0%	0.0% #391D22	RGB 57 29 34	#391D22
16.7%	16.7% #32191E	RGB 50 25 30	#32191E
33.3%	33.3% #2B151A	RGB 43 21 26	#2B151A
50.0%	50.0% #241216	RGB 36 18 22	#241216
66.7%	66.7% #1D0E12	RGB 29 14 18	#1D0E12
83.3%	83.3% #160B0E	RGB 22 11 14	#160B0E
100.0%	100.0% #10080A	RGB 16 8 10	#10080A

#391D22 #32191E #2B151A #241216 #1D0E12 #160B0E #10080A

#391D23 - #241216 - #10080A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391D22 0%, #241216 50%, #10080A 100%);
    background: -webkit-linear-gradient(top, #391D22 0%, #241216 50%, #10080A 100%);
    background: linear-gradient(to bottom, #391D22 0%, #241216 50%, #10080A 100%);
}
</style>