#C7B5AF - #946B59 | 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 #C7B5AF to #946B59

#C7B5AF #946B59

Calculate the color between two colors, #C7B5AF and #946B59. 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)

#C7B5AF - #946B59 | 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 #C7B5AF as 0% and #946B59 as 100%.

0.0%	0.0% #C7B5AF	RGB 199 181 175	#C7B5AF
16.7%	16.7% #BEA8A0	RGB 190 168 160	#BEA8A0
33.3%	33.3% #B69C92	RGB 182 156 146	#B69C92
50.0%	50.0% #AD9084	RGB 173 144 132	#AD9084
66.7%	66.7% #A58375	RGB 165 131 117	#A58375
83.3%	83.3% #9C7767	RGB 156 119 103	#9C7767
100.0%	100.0% #946B59	RGB 148 107 89	#946B59

#C7B5AF #BEA8A0 #B69C92 #AD9084 #A58375 #9C7767 #946B59

#C7B5AF - #946B59

HSV Blend

#C7B5AF - #946B59 | 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 #C7B5AF as 0% and #946B59 as 100%.

0.0%	0.0% #C7B5AF	RGB 199 181 175	#C7B5AF
16.7%	16.7% #BEA69E	RGB 190 166 158	#BEA69E
33.3%	33.3% #B6998F	RGB 182 153 143	#B6998F
50.0%	50.0% #AD8C80	RGB 173 140 128	#AD8C80
66.7%	66.7% #A58072	RGB 165 128 114	#A58072
83.3%	83.3% #9C7565	RGB 156 117 101	#9C7565
100.0%	100.0% #946B59	RGB 148 107 89	#946B59

#C7B5AF #BEA69E #B6998F #AD8C80 #A58072 #9C7565 #946B59

#C7B5AF - #AD8C80 - #946B59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7B5AF 0%, #AD8C80 50%, #946B59 100%);
    background: -webkit-linear-gradient(top, #C7B5AF 0%, #AD8C80 50%, #946B59 100%);
    background: linear-gradient(to bottom, #C7B5AF 0%, #AD8C80 50%, #946B59 100%);
}
</style>