#5E2D32 - #C4A074 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5E2D32 to #C4A074

#5E2D32 #C4A074

Calculate the color between two colors, #5E2D32 and #C4A074. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5E2D32 - #C4A074 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5E2D32 as 0% and #C4A074 as 100%.

0.0%	0.0% #5E2D32	RGB 94 45 50	#5E2D32
16.7%	16.7% #6F403D	RGB 111 64 61	#6F403D
33.3%	33.3% #805348	RGB 128 83 72	#805348
50.0%	50.0% #916653	RGB 145 102 83	#916653
66.7%	66.7% #A2795E	RGB 162 121 94	#A2795E
83.3%	83.3% #B38C69	RGB 179 140 105	#B38C69
100.0%	100.0% #C4A074	RGB 196 160 116	#C4A074

#5E2D32 #6F403D #805348 #916653 #A2795E #B38C69 #C4A074

#5E2D32 - #C4A074

HSV Blend

#5E2D32 - #C4A074 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5E2D32 as 0% and #C4A074 as 100%.

0.0%	0.0% #5E2D32	RGB 94 45 50	#5E2D32
16.7%	16.7% #6F3737	RGB 111 55 55	#6F3737
33.3%	33.3% #804942	RGB 128 73 66	#804942
50.0%	50.0% #915C4D	RGB 145 92 77	#915C4D
66.7%	66.7% #A27159	RGB 162 113 89	#A27159
83.3%	83.3% #B38866	RGB 179 136 102	#B38866
100.0%	100.0% #C4A074	RGB 196 160 116	#C4A074

#5E2D32 #6F3737 #804942 #915C4D #A27159 #B38866 #C4A074

#5E2D32 - #915C4D - #C4A074

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D32 0%, #915C4D 50%, #C4A074 100%);
    background: -webkit-linear-gradient(top, #5E2D32 0%, #915C4D 50%, #C4A074 100%);
    background: linear-gradient(to bottom, #5E2D32 0%, #915C4D 50%, #C4A074 100%);
}
</style>