#383910 - #8C7E3C | 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 #383910 a #8C7E3C

#383910 #8C7E3C

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

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

0.0%	0.0% #383910	RGB 56 57 16	#383910
16.7%	16.7% #464417	RGB 70 68 23	#464417
33.3%	33.3% #54501E	RGB 84 80 30	#54501E
50.0%	50.0% #625B26	RGB 98 91 38	#625B26
66.7%	66.7% #70672D	RGB 112 103 45	#70672D
83.3%	83.3% #7E7234	RGB 126 114 52	#7E7234
100.0%	100.0% #8C7E3C	RGB 140 126 60	#8C7E3C

#383910 #464417 #54501E #625B26 #70672D #7E7234 #8C7E3C

#383910 - #8C7E3C

Mezcla HSV

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

0.0%	0.0% #383910	RGB 56 57 16	#383910
16.7%	16.7% #464615	RGB 70 70 21	#464615
33.3%	33.3% #54521B	RGB 84 82 27	#54521B
50.0%	50.0% #625D22	RGB 98 93 34	#625D22
66.7%	66.7% #70682A	RGB 112 104 42	#70682A
83.3%	83.3% #7E7332	RGB 126 115 50	#7E7332
100.0%	100.0% #8C7E3C	RGB 140 126 60	#8C7E3C

#383910 #464615 #54521B #625D22 #70682A #7E7332 #8C7E3C

#383910 - #625D22 - #8C7E3C

Códigos CSS

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

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