#5D5E4D - #392B05 | 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 #5D5E4D a #392B05

#5D5E4D #392B05

Calcule el color entre dos colores, #5D5E4D y #392B05. 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)

#5D5E4D - #392B05 | 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 #5D5E4D como 0% y #392B05 como 100%.

0.0%	0.0% #5D5E4D	RGB 93 94 77	#5D5E4D
16.7%	16.7% #575541	RGB 87 85 65	#575541
33.3%	33.3% #514D35	RGB 81 77 53	#514D35
50.0%	50.0% #4B4429	RGB 75 68 41	#4B4429
66.7%	66.7% #453C1D	RGB 69 60 29	#453C1D
83.3%	83.3% #3F3311	RGB 63 51 17	#3F3311
100.0%	100.0% #392B05	RGB 57 43 5	#392B05

#5D5E4D #575541 #514D35 #4B4429 #453C1D #3F3311 #392B05

#5D5E4D - #392B05

Mezcla HSV

#5D5E4D - #392B05 | 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 #5D5E4D como 0% y #392B05 como 100%.

0.0%	0.0% #5D5E4D	RGB 93 94 77	#5D5E4D
16.7%	16.7% #57573D	RGB 87 87 61	#57573D
33.3%	33.3% #514F2E	RGB 81 79 46	#514F2E
50.0%	50.0% #4B4722	RGB 75 71 34	#4B4722
66.7%	66.7% #453D16	RGB 69 61 22	#453D16
83.3%	83.3% #3F340D	RGB 63 52 13	#3F340D
100.0%	100.0% #392B05	RGB 57 43 5	#392B05

#5D5E4D #57573D #514F2E #4B4722 #453D16 #3F340D #392B05

#5D5E4D - #4B4722 - #392B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E4D 0%, #4B4722 50%, #392B05 100%);
    background: -webkit-linear-gradient(top, #5D5E4D 0%, #4B4722 50%, #392B05 100%);
    background: linear-gradient(to bottom, #5D5E4D 0%, #4B4722 50%, #392B05 100%);
}
</style>