#CD7B5D - #FEC67B | 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 #CD7B5D to #FEC67B

#CD7B5D #FEC67B

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

#CD7B5D - #FEC67B | 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 #CD7B5D as 0% and #FEC67B as 100%.

0.0%	0.0% #CD7B5D	RGB 205 123 93	#CD7B5D
16.7%	16.7% #D58762	RGB 213 135 98	#D58762
33.3%	33.3% #DD9467	RGB 221 148 103	#DD9467
50.0%	50.0% #E5A06C	RGB 229 160 108	#E5A06C
66.7%	66.7% #EDAD71	RGB 237 173 113	#EDAD71
83.3%	83.3% #F5B976	RGB 245 185 118	#F5B976
100.0%	100.0% #FEC67B	RGB 254 198 123	#FEC67B

#CD7B5D #D58762 #DD9467 #E5A06C #EDAD71 #F5B976 #FEC67B

#CD7B5D - #FEC67B

HSV Blend

#CD7B5D - #FEC67B | 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 #CD7B5D as 0% and #FEC67B as 100%.

0.0%	0.0% #CD7B5D	RGB 205 123 93	#CD7B5D
16.7%	16.7% #D58661	RGB 213 134 97	#D58661
33.3%	33.3% #DD9266	RGB 221 146 102	#DD9266
50.0%	50.0% #E59E6B	RGB 229 158 107	#E59E6B
66.7%	66.7% #EDAB70	RGB 237 171 112	#EDAB70
83.3%	83.3% #F5B875	RGB 245 184 117	#F5B875
100.0%	100.0% #FEC67B	RGB 254 198 123	#FEC67B

#CD7B5D #D58661 #DD9266 #E59E6B #EDAB70 #F5B875 #FEC67B

#CD7B5D - #E59E6B - #FEC67B

CSS codes

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

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