#390B0B - #7C3A31 | 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 #390B0B a #7C3A31

#390B0B #7C3A31

Calcule el color entre dos colores, #390B0B y #7C3A31. 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)

#390B0B - #7C3A31 | 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 #390B0B como 0% y #7C3A31 como 100%.

0.0%	0.0% #390B0B	RGB 57 11 11	#390B0B
16.7%	16.7% #441211	RGB 68 18 17	#441211
33.3%	33.3% #4F1A17	RGB 79 26 23	#4F1A17
50.0%	50.0% #5A221E	RGB 90 34 30	#5A221E
66.7%	66.7% #652A24	RGB 101 42 36	#652A24
83.3%	83.3% #70322A	RGB 112 50 42	#70322A
100.0%	100.0% #7C3A31	RGB 124 58 49	#7C3A31

#390B0B #441211 #4F1A17 #5A221E #652A24 #70322A #7C3A31

#390B0B - #7C3A31

Mezcla HSV

#390B0B - #7C3A31 | 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 #390B0B como 0% y #7C3A31 como 100%.

0.0%	0.0% #390A0A	RGB 57 10 10	#390A0A
16.7%	16.7% #44100F	RGB 68 16 15	#44100F
33.3%	33.3% #4F1714	RGB 79 23 20	#4F1714
50.0%	50.0% #5A1E1A	RGB 90 30 26	#5A1E1A
66.7%	66.7% #652621	RGB 101 38 33	#652621
83.3%	83.3% #702F28	RGB 112 47 40	#702F28
100.0%	100.0% #7C3A31	RGB 124 58 49	#7C3A31

#390A0A #44100F #4F1714 #5A1E1A #652621 #702F28 #7C3A31

#390B0B - #5A1E1A - #7C3A31

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390A0A 0%, #5A1E1A 50%, #7C3A31 100%);
    background: -webkit-linear-gradient(top, #390A0A 0%, #5A1E1A 50%, #7C3A31 100%);
    background: linear-gradient(to bottom, #390A0A 0%, #5A1E1A 50%, #7C3A31 100%);
}
</style>