#391F10 - #876F39 | 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 #391F10 a #876F39

#391F10 #876F39

Calcule el color entre dos colores, #391F10 y #876F39. 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)

#391F10 - #876F39 | 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 #391F10 como 0% y #876F39 como 100%.

0.0%	0.0% #391F10	RGB 57 31 16	#391F10
16.7%	16.7% #462C16	RGB 70 44 22	#462C16
33.3%	33.3% #53391D	RGB 83 57 29	#53391D
50.0%	50.0% #604724	RGB 96 71 36	#604724
66.7%	66.7% #6D542B	RGB 109 84 43	#6D542B
83.3%	83.3% #7A6132	RGB 122 97 50	#7A6132
100.0%	100.0% #876F39	RGB 135 111 57	#876F39

#391F10 #462C16 #53391D #604724 #6D542B #7A6132 #876F39

#391F10 - #876F39

Mezcla HSV

#391F10 - #876F39 | 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 #391F10 como 0% y #876F39 como 100%.

0.0%	0.0% #391F10	RGB 57 31 16	#391F10
16.7%	16.7% #462915	RGB 70 41 21	#462915
33.3%	33.3% #53351B	RGB 83 53 27	#53351B
50.0%	50.0% #604221	RGB 96 66 33	#604221
66.7%	66.7% #6D5028	RGB 109 80 40	#6D5028
83.3%	83.3% #7A5F30	RGB 122 95 48	#7A5F30
100.0%	100.0% #876F39	RGB 135 111 57	#876F39

#391F10 #462915 #53351B #604221 #6D5028 #7A5F30 #876F39

#391F10 - #604221 - #876F39

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391F10 0%, #604221 50%, #876F39 100%);
    background: -webkit-linear-gradient(top, #391F10 0%, #604221 50%, #876F39 100%);
    background: linear-gradient(to bottom, #391F10 0%, #604221 50%, #876F39 100%);
}
</style>