#5E493D - #4B2207 | 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 #5E493D a #4B2207

#5E493D #4B2207

Calcule el color entre dos colores, #5E493D y #4B2207. 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)

#5E493D - #4B2207 | 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 #5E493D como 0% y #4B2207 como 100%.

0.0%	0.0% #5E493D	RGB 94 73 61	#5E493D
16.7%	16.7% #5A4234	RGB 90 66 52	#5A4234
33.3%	33.3% #573C2B	RGB 87 60 43	#573C2B
50.0%	50.0% #543522	RGB 84 53 34	#543522
66.7%	66.7% #512F19	RGB 81 47 25	#512F19
83.3%	83.3% #4E2810	RGB 78 40 16	#4E2810
100.0%	100.0% #4B2207	RGB 75 34 7	#4B2207

#5E493D #5A4234 #573C2B #543522 #512F19 #4E2810 #4B2207

#5E493D - #4B2207

Mezcla HSV

#5E493D - #4B2207 | 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 #5E493D como 0% y #4B2207 como 100%.

0.0%	0.0% #5E493D	RGB 94 73 61	#5E493D
16.7%	16.7% #5A4132	RGB 90 65 50	#5A4132
33.3%	33.3% #573A28	RGB 87 58 40	#573A28
50.0%	50.0% #54331F	RGB 84 51 31	#54331F
66.7%	66.7% #512D16	RGB 81 45 22	#512D16
83.3%	83.3% #4E270E	RGB 78 39 14	#4E270E
100.0%	100.0% #4B2207	RGB 75 34 7	#4B2207

#5E493D #5A4132 #573A28 #54331F #512D16 #4E270E #4B2207

#5E493D - #54331F - #4B2207

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E493D 0%, #54331F 50%, #4B2207 100%);
    background: -webkit-linear-gradient(top, #5E493D 0%, #54331F 50%, #4B2207 100%);
    background: linear-gradient(to bottom, #5E493D 0%, #54331F 50%, #4B2207 100%);
}
</style>