#482E2D - #736C68 | 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 #482E2D to #736C68

#482E2D #736C68

Calculate the color between two colors, #482E2D and #736C68. 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)

#482E2D - #736C68 | 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 #482E2D as 0% and #736C68 as 100%.

0.0%	0.0% #482E2D	RGB 72 46 45	#482E2D
16.7%	16.7% #4F3836	RGB 79 56 54	#4F3836
33.3%	33.3% #564240	RGB 86 66 64	#564240
50.0%	50.0% #5D4D4A	RGB 93 77 74	#5D4D4A
66.7%	66.7% #645754	RGB 100 87 84	#645754
83.3%	83.3% #6B615E	RGB 107 97 94	#6B615E
100.0%	100.0% #736C68	RGB 115 108 104	#736C68

#482E2D #4F3836 #564240 #5D4D4A #645754 #6B615E #736C68

#482E2D - #736C68

HSV Blend

#482E2D - #736C68 | 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 #482E2D as 0% and #736C68 as 100%.

0.0%	0.0% #482E2D	RGB 72 46 45	#482E2D
16.7%	16.7% #4F3735	RGB 79 55 53	#4F3735
33.3%	33.3% #56413D	RGB 86 65 61	#56413D
50.0%	50.0% #5D4B47	RGB 93 75 71	#5D4B47
66.7%	66.7% #645651	RGB 100 86 81	#645651
83.3%	83.3% #6B615C	RGB 107 97 92	#6B615C
100.0%	100.0% #736C68	RGB 115 108 104	#736C68

#482E2D #4F3735 #56413D #5D4B47 #645651 #6B615C #736C68

#482E2D - #5D4B47 - #736C68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482E2D 0%, #5D4B47 50%, #736C68 100%);
    background: -webkit-linear-gradient(top, #482E2D 0%, #5D4B47 50%, #736C68 100%);
    background: linear-gradient(to bottom, #482E2D 0%, #5D4B47 50%, #736C68 100%);
}
</style>