#CF9D7B - #AD582C | 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 #CF9D7B to #AD582C

#CF9D7B #AD582C

Calculate the color between two colors, #CF9D7B and #AD582C. 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)

#CF9D7B - #AD582C | 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 #CF9D7B as 0% and #AD582C as 100%.

0.0%	0.0% #CF9D7B	RGB 207 157 123	#CF9D7B
16.7%	16.7% #C9916D	RGB 201 145 109	#C9916D
33.3%	33.3% #C38660	RGB 195 134 96	#C38660
50.0%	50.0% #BE7A53	RGB 190 122 83	#BE7A53
66.7%	66.7% #B86F46	RGB 184 111 70	#B86F46
83.3%	83.3% #B26339	RGB 178 99 57	#B26339
100.0%	100.0% #AD582C	RGB 173 88 44	#AD582C

#CF9D7B #C9916D #C38660 #BE7A53 #B86F46 #B26339 #AD582C

#CF9D7B - #AD582C

HSV Blend

#CF9D7B - #AD582C | 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 #CF9D7B as 0% and #AD582C as 100%.

0.0%	0.0% #CF9D7B	RGB 207 157 123	#CF9D7B
16.7%	16.7% #C9906C	RGB 201 144 108	#C9906C
33.3%	33.3% #C3855E	RGB 195 133 94	#C3855E
50.0%	50.0% #BE7950	RGB 190 121 80	#BE7950
66.7%	66.7% #B86D43	RGB 184 109 67	#B86D43
83.3%	83.3% #B26237	RGB 178 98 55	#B26237
100.0%	100.0% #AD582C	RGB 173 88 44	#AD582C

#CF9D7B #C9906C #C3855E #BE7950 #B86D43 #B26237 #AD582C

#CF9D7B - #BE7950 - #AD582C

CSS codes

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

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