#5E3E1E - #3E1E05 | 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 #5E3E1E a #3E1E05

#5E3E1E #3E1E05

Calcule el color entre dos colores, #5E3E1E y #3E1E05. 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)

#5E3E1E - #3E1E05 | 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 #5E3E1E como 0% y #3E1E05 como 100%.

0.0%	0.0% #5E3E1E	RGB 94 62 30	#5E3E1E
16.7%	16.7% #583819	RGB 88 56 25	#583819
33.3%	33.3% #533315	RGB 83 51 21	#533315
50.0%	50.0% #4E2E11	RGB 78 46 17	#4E2E11
66.7%	66.7% #48280D	RGB 72 40 13	#48280D
83.3%	83.3% #432309	RGB 67 35 9	#432309
100.0%	100.0% #3E1E05	RGB 62 30 5	#3E1E05

#5E3E1E #583819 #533315 #4E2E11 #48280D #432309 #3E1E05

#5E3E1E - #3E1E05

Mezcla HSV

#5E3E1E - #3E1E05 | 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 #5E3E1E como 0% y #3E1E05 como 100%.

0.0%	0.0% #5E3E1E	RGB 94 62 30	#5E3E1E
16.7%	16.7% #583818	RGB 88 56 24	#583818
33.3%	33.3% #533213	RGB 83 50 19	#533213
50.0%	50.0% #4E2C0F	RGB 78 44 15	#4E2C0F
66.7%	66.7% #48270B	RGB 72 39 11	#48270B
83.3%	83.3% #432208	RGB 67 34 8	#432208
100.0%	100.0% #3E1E05	RGB 62 30 5	#3E1E05

#5E3E1E #583818 #533213 #4E2C0F #48270B #432208 #3E1E05

#5E3E1E - #4E2C0F - #3E1E05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E1E 0%, #4E2C0F 50%, #3E1E05 100%);
    background: -webkit-linear-gradient(top, #5E3E1E 0%, #4E2C0F 50%, #3E1E05 100%);
    background: linear-gradient(to bottom, #5E3E1E 0%, #4E2C0F 50%, #3E1E05 100%);
}
</style>