#CD8C2B - #FFC947 | 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 #CD8C2B to #FFC947

#CD8C2B #FFC947

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

#CD8C2B - #FFC947 | 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 #CD8C2B as 0% and #FFC947 as 100%.

0.0%	0.0% #CD8C2B	RGB 205 140 43	#CD8C2B
16.7%	16.7% #D5962F	RGB 213 150 47	#D5962F
33.3%	33.3% #DDA034	RGB 221 160 52	#DDA034
50.0%	50.0% #E6AA39	RGB 230 170 57	#E6AA39
66.7%	66.7% #EEB43D	RGB 238 180 61	#EEB43D
83.3%	83.3% #F6BE42	RGB 246 190 66	#F6BE42
100.0%	100.0% #FFC947	RGB 255 201 71	#FFC947

#CD8C2B #D5962F #DDA034 #E6AA39 #EEB43D #F6BE42 #FFC947

#CD8C2B - #FFC947

HSV Blend

#CD8C2B - #FFC947 | 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 #CD8C2B as 0% and #FFC947 as 100%.

0.0%	0.0% #CD8C2B	RGB 205 140 43	#CD8C2B
16.7%	16.7% #D5952F	RGB 213 149 47	#D5952F
33.3%	33.3% #DD9F33	RGB 221 159 51	#DD9F33
50.0%	50.0% #E6A938	RGB 230 169 56	#E6A938
66.7%	66.7% #EEB33C	RGB 238 179 60	#EEB33C
83.3%	83.3% #F6BE41	RGB 246 190 65	#F6BE41
100.0%	100.0% #FFC947	RGB 255 201 71	#FFC947

#CD8C2B #D5952F #DD9F33 #E6A938 #EEB33C #F6BE41 #FFC947

#CD8C2B - #E6A938 - #FFC947

CSS codes

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

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