#CF975C - #8D731C | 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 #CF975C to #8D731C

#CF975C #8D731C

Calculate the color between two colors, #CF975C and #8D731C. 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)

#CF975C - #8D731C | 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 #CF975C as 0% and #8D731C as 100%.

0.0%	0.0% #CF975C	RGB 207 151 92	#CF975C
16.7%	16.7% #C49151	RGB 196 145 81	#C49151
33.3%	33.3% #B98B46	RGB 185 139 70	#B98B46
50.0%	50.0% #AE853C	RGB 174 133 60	#AE853C
66.7%	66.7% #A37F31	RGB 163 127 49	#A37F31
83.3%	83.3% #987926	RGB 152 121 38	#987926
100.0%	100.0% #8D731C	RGB 141 115 28	#8D731C

#CF975C #C49151 #B98B46 #AE853C #A37F31 #987926 #8D731C

#CF975C - #8D731C

HSV Blend

#CF975C - #8D731C | 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 #CF975C as 0% and #8D731C as 100%.

0.0%	0.0% #CF975C	RGB 207 151 92	#CF975C
16.7%	16.7% #C4904F	RGB 196 144 79	#C4904F
33.3%	33.3% #B98943	RGB 185 137 67	#B98943
50.0%	50.0% #AE8337	RGB 174 131 55	#AE8337
66.7%	66.7% #A37D2D	RGB 163 125 45	#A37D2D
83.3%	83.3% #987824	RGB 152 120 36	#987824
100.0%	100.0% #8D731C	RGB 141 115 28	#8D731C

#CF975C #C4904F #B98943 #AE8337 #A37D2D #987824 #8D731C

#CF975C - #AE8337 - #8D731C

CSS codes

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

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