#CF814D - #A34113 | 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 #CF814D to #A34113

#CF814D #A34113

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

#CF814D - #A34113 | 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 #CF814D as 0% and #A34113 as 100%.

0.0%	0.0% #CF814D	RGB 207 129 77	#CF814D
16.7%	16.7% #C77643	RGB 199 118 67	#C77643
33.3%	33.3% #C06B39	RGB 192 107 57	#C06B39
50.0%	50.0% #B96130	RGB 185 97 48	#B96130
66.7%	66.7% #B15626	RGB 177 86 38	#B15626
83.3%	83.3% #AA4B1C	RGB 170 75 28	#AA4B1C
100.0%	100.0% #A34113	RGB 163 65 19	#A34113

#CF814D #C77643 #C06B39 #B96130 #B15626 #AA4B1C #A34113

#CF814D - #A34113

HSV Blend

#CF814D - #A34113 | 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 #CF814D as 0% and #A34113 as 100%.

0.0%	0.0% #CF814D	RGB 207 129 77	#CF814D
16.7%	16.7% #C77541	RGB 199 117 65	#C77541
33.3%	33.3% #C06A37	RGB 192 106 55	#C06A37
50.0%	50.0% #B95F2D	RGB 185 95 45	#B95F2D
66.7%	66.7% #B15423	RGB 177 84 35	#B15423
83.3%	83.3% #AA4A1B	RGB 170 74 27	#AA4A1B
100.0%	100.0% #A34113	RGB 163 65 19	#A34113

#CF814D #C77541 #C06A37 #B95F2D #B15423 #AA4A1B #A34113

#CF814D - #B95F2D - #A34113

CSS codes

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

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