#403D00 - #C8C7B6 | 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 #403D00 to #C8C7B6

#403D00 #C8C7B6

Calculate the color between two colors, #403D00 and #C8C7B6. 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)

#403D00 - #C8C7B6 | 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 #403D00 as 0% and #C8C7B6 as 100%.

0.0%	0.0% #403D00	RGB 64 61 0	#403D00
16.7%	16.7% #56541E	RGB 86 84 30	#56541E
33.3%	33.3% #6D6B3C	RGB 109 107 60	#6D6B3C
50.0%	50.0% #84825B	RGB 132 130 91	#84825B
66.7%	66.7% #9A9979	RGB 154 153 121	#9A9979
83.3%	83.3% #B1B097	RGB 177 176 151	#B1B097
100.0%	100.0% #C8C7B6	RGB 200 199 182	#C8C7B6

#403D00 #56541E #6D6B3C #84825B #9A9979 #B1B097 #C8C7B6

#403D00 - #C8C7B6

HSV Blend

#403D00 - #C8C7B6 | 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 #403D00 as 0% and #C8C7B6 as 100%.

0.0%	0.0% #403D00	RGB 64 61 0	#403D00
16.7%	16.7% #56530D	RGB 86 83 13	#56530D
33.3%	33.3% #6D6921	RGB 109 105 33	#6D6921
50.0%	50.0% #84803C	RGB 132 128 60	#84803C
66.7%	66.7% #9A975D	RGB 154 151 93	#9A975D
83.3%	83.3% #B1AF86	RGB 177 175 134	#B1AF86
100.0%	100.0% #C8C7B6	RGB 200 199 182	#C8C7B6

#403D00 #56530D #6D6921 #84803C #9A975D #B1AF86 #C8C7B6

#403D00 - #84803C - #C8C7B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403D00 0%, #84803C 50%, #C8C7B6 100%);
    background: -webkit-linear-gradient(top, #403D00 0%, #84803C 50%, #C8C7B6 100%);
    background: linear-gradient(to bottom, #403D00 0%, #84803C 50%, #C8C7B6 100%);
}
</style>