#6D6C5E - #CDA082 | 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 #6D6C5E to #CDA082

#6D6C5E #CDA082

Calculate the color between two colors, #6D6C5E and #CDA082. 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)

#6D6C5E - #CDA082 | 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 #6D6C5E as 0% and #CDA082 as 100%.

0.0%	0.0% #6D6C5E	RGB 109 108 94	#6D6C5E
16.7%	16.7% #7D7464	RGB 125 116 100	#7D7464
33.3%	33.3% #8D7D6A	RGB 141 125 106	#8D7D6A
50.0%	50.0% #9D8670	RGB 157 134 112	#9D8670
66.7%	66.7% #AD8E76	RGB 173 142 118	#AD8E76
83.3%	83.3% #BD977C	RGB 189 151 124	#BD977C
100.0%	100.0% #CDA082	RGB 205 160 130	#CDA082

#6D6C5E #7D7464 #8D7D6A #9D8670 #AD8E76 #BD977C #CDA082

#6D6C5E - #CDA082

HSV Blend

#6D6C5E - #CDA082 | 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 #6D6C5E as 0% and #CDA082 as 100%.

0.0%	0.0% #6D6C5E	RGB 109 108 94	#6D6C5E
16.7%	16.7% #7D7967	RGB 125 121 103	#7D7967
33.3%	33.3% #8D856E	RGB 141 133 110	#8D856E
50.0%	50.0% #9D8F75	RGB 157 143 117	#9D8F75
66.7%	66.7% #AD977A	RGB 173 151 122	#AD977A
83.3%	83.3% #BD9D7F	RGB 189 157 127	#BD9D7F
100.0%	100.0% #CDA082	RGB 205 160 130	#CDA082

#6D6C5E #7D7967 #8D856E #9D8F75 #AD977A #BD9D7F #CDA082

#6D6C5E - #9D8F75 - #CDA082

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D6C5E 0%, #9D8F75 50%, #CDA082 100%);
    background: -webkit-linear-gradient(top, #6D6C5E 0%, #9D8F75 50%, #CDA082 100%);
    background: linear-gradient(to bottom, #6D6C5E 0%, #9D8F75 50%, #CDA082 100%);
}
</style>