#CF7D4D - #3B2316 | 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 #CF7D4D to #3B2316

#CF7D4D #3B2316

Calculate the color between two colors, #CF7D4D and #3B2316. 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)

#CF7D4D - #3B2316 | 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 #CF7D4D as 0% and #3B2316 as 100%.

0.0%	0.0% #CF7D4D	RGB 207 125 77	#CF7D4D
16.7%	16.7% #B66E43	RGB 182 110 67	#B66E43
33.3%	33.3% #9D5F3A	RGB 157 95 58	#9D5F3A
50.0%	50.0% #855031	RGB 133 80 49	#855031
66.7%	66.7% #6C4128	RGB 108 65 40	#6C4128
83.3%	83.3% #53321F	RGB 83 50 31	#53321F
100.0%	100.0% #3B2316	RGB 59 35 22	#3B2316

#CF7D4D #B66E43 #9D5F3A #855031 #6C4128 #53321F #3B2316

#CF7D4D - #3B2316

HSV Blend

#CF7D4D - #3B2316 | 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 #CF7D4D as 0% and #3B2316 as 100%.

0.0%	0.0% #CF7D4D	RGB 207 125 77	#CF7D4D
16.7%	16.7% #B66D43	RGB 182 109 67	#B66D43
33.3%	33.3% #9D5E3A	RGB 157 94 58	#9D5E3A
50.0%	50.0% #854F31	RGB 133 79 49	#854F31
66.7%	66.7% #6C4028	RGB 108 64 40	#6C4028
83.3%	83.3% #53311F	RGB 83 49 31	#53311F
100.0%	100.0% #3B2316	RGB 59 35 22	#3B2316

#CF7D4D #B66D43 #9D5E3A #854F31 #6C4028 #53311F #3B2316

#CF7D4D - #854F31 - #3B2316

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF7D4D 0%, #854F31 50%, #3B2316 100%);
    background: -webkit-linear-gradient(top, #CF7D4D 0%, #854F31 50%, #3B2316 100%);
    background: linear-gradient(to bottom, #CF7D4D 0%, #854F31 50%, #3B2316 100%);
}
</style>