#CF7F3E - #9F410E | 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 #CF7F3E to #9F410E

#CF7F3E #9F410E

Calculate the color between two colors, #CF7F3E and #9F410E. 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)

#CF7F3E - #9F410E | 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 #CF7F3E as 0% and #9F410E as 100%.

0.0%	0.0% #CF7F3E	RGB 207 127 62	#CF7F3E
16.7%	16.7% #C77436	RGB 199 116 54	#C77436
33.3%	33.3% #BF6A2E	RGB 191 106 46	#BF6A2E
50.0%	50.0% #B76026	RGB 183 96 38	#B76026
66.7%	66.7% #AF551E	RGB 175 85 30	#AF551E
83.3%	83.3% #A74B16	RGB 167 75 22	#A74B16
100.0%	100.0% #9F410E	RGB 159 65 14	#9F410E

#CF7F3E #C77436 #BF6A2E #B76026 #AF551E #A74B16 #9F410E

#CF7F3E - #9F410E

HSV Blend

#CF7F3E - #9F410E | 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 #CF7F3E as 0% and #9F410E as 100%.

0.0%	0.0% #CF7F3E	RGB 207 127 62	#CF7F3E
16.7%	16.7% #C77334	RGB 199 115 52	#C77334
33.3%	33.3% #BF692B	RGB 191 105 43	#BF692B
50.0%	50.0% #B75E23	RGB 183 94 35	#B75E23
66.7%	66.7% #AF541B	RGB 175 84 27	#AF541B
83.3%	83.3% #A74A14	RGB 167 74 20	#A74A14
100.0%	100.0% #9F410E	RGB 159 65 14	#9F410E

#CF7F3E #C77334 #BF692B #B75E23 #AF541B #A74A14 #9F410E

#CF7F3E - #B75E23 - #9F410E

CSS codes

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

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