#CD7A2B - #F0D9C2 | 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 #CD7A2B to #F0D9C2

#CD7A2B #F0D9C2

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

#CD7A2B - #F0D9C2 | 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 #CD7A2B as 0% and #F0D9C2 as 100%.

0.0%	0.0% #CD7A2B	RGB 205 122 43	#CD7A2B
16.7%	16.7% #D28944	RGB 210 137 68	#D28944
33.3%	33.3% #D8995D	RGB 216 153 93	#D8995D
50.0%	50.0% #DEA976	RGB 222 169 118	#DEA976
66.7%	66.7% #E4B98F	RGB 228 185 143	#E4B98F
83.3%	83.3% #EAC9A8	RGB 234 201 168	#EAC9A8
100.0%	100.0% #F0D9C2	RGB 240 217 194	#F0D9C2

#CD7A2B #D28944 #D8995D #DEA976 #E4B98F #EAC9A8 #F0D9C2

#CD7A2B - #F0D9C2

HSV Blend

#CD7A2B - #F0D9C2 | 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 #CD7A2B as 0% and #F0D9C2 as 100%.

0.0%	0.0% #CD7A2B	RGB 205 122 43	#CD7A2B
16.7%	16.7% #D28841	RGB 210 136 65	#D28841
33.3%	33.3% #D89758	RGB 216 151 88	#D89758
50.0%	50.0% #DEA771	RGB 222 167 113	#DEA771
66.7%	66.7% #E4B78B	RGB 228 183 139	#E4B78B
83.3%	83.3% #EAC7A5	RGB 234 199 165	#EAC7A5
100.0%	100.0% #F0D9C2	RGB 240 217 194	#F0D9C2

#CD7A2B #D28841 #D89758 #DEA771 #E4B78B #EAC7A5 #F0D9C2

#CD7A2B - #DEA771 - #F0D9C2

CSS codes

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

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