#7F5E4D - #602C0E | 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 #7F5E4D a #602C0E

#7F5E4D #602C0E

Calcule el color entre dos colores, #7F5E4D y #602C0E. 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)

#7F5E4D - #602C0E | 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 #7F5E4D como 0% y #602C0E como 100%.

0.0%	0.0% #7F5E4D	RGB 127 94 77	#7F5E4D
16.7%	16.7% #795542	RGB 121 85 66	#795542
33.3%	33.3% #744D38	RGB 116 77 56	#744D38
50.0%	50.0% #6F452D	RGB 111 69 45	#6F452D
66.7%	66.7% #6A3C23	RGB 106 60 35	#6A3C23
83.3%	83.3% #653418	RGB 101 52 24	#653418
100.0%	100.0% #602C0E	RGB 96 44 14	#602C0E

#7F5E4D #795542 #744D38 #6F452D #6A3C23 #653418 #602C0E

#7F5E4D - #602C0E

Mezcla HSV

#7F5E4D - #602C0E | 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 #7F5E4D como 0% y #602C0E como 100%.

0.0%	0.0% #7F5E4D	RGB 127 94 77	#7F5E4D
16.7%	16.7% #795440	RGB 121 84 64	#795440
33.3%	33.3% #744B34	RGB 116 75 52	#744B34
50.0%	50.0% #6F4229	RGB 111 66 41	#6F4229
66.7%	66.7% #6A3A1F	RGB 106 58 31	#6A3A1F
83.3%	83.3% #653216	RGB 101 50 22	#653216
100.0%	100.0% #602C0E	RGB 96 44 14	#602C0E

#7F5E4D #795440 #744B34 #6F4229 #6A3A1F #653216 #602C0E

#7F5E4D - #6F4229 - #602C0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F5E4D 0%, #6F4229 50%, #602C0E 100%);
    background: -webkit-linear-gradient(top, #7F5E4D 0%, #6F4229 50%, #602C0E 100%);
    background: linear-gradient(to bottom, #7F5E4D 0%, #6F4229 50%, #602C0E 100%);
}
</style>