#CD9D3C - #FFD55C | 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 #CD9D3C to #FFD55C

#CD9D3C #FFD55C

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

#CD9D3C - #FFD55C | 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 #CD9D3C as 0% and #FFD55C as 100%.

0.0%	0.0% #CD9D3C	RGB 205 157 60	#CD9D3C
16.7%	16.7% #D5A641	RGB 213 166 65	#D5A641
33.3%	33.3% #DDAF46	RGB 221 175 70	#DDAF46
50.0%	50.0% #E6B94C	RGB 230 185 76	#E6B94C
66.7%	66.7% #EEC251	RGB 238 194 81	#EEC251
83.3%	83.3% #F6CB56	RGB 246 203 86	#F6CB56
100.0%	100.0% #FFD55C	RGB 255 213 92	#FFD55C

#CD9D3C #D5A641 #DDAF46 #E6B94C #EEC251 #F6CB56 #FFD55C

#CD9D3C - #FFD55C

HSV Blend

#CD9D3C - #FFD55C | 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 #CD9D3C as 0% and #FFD55C as 100%.

0.0%	0.0% #CD9D3C	RGB 205 157 60	#CD9D3C
16.7%	16.7% #D5A540	RGB 213 165 64	#D5A540
33.3%	33.3% #DDAF45	RGB 221 175 69	#DDAF45
50.0%	50.0% #E6B84B	RGB 230 184 75	#E6B84B
66.7%	66.7% #EEC150	RGB 238 193 80	#EEC150
83.3%	83.3% #F6CB56	RGB 246 203 86	#F6CB56
100.0%	100.0% #FFD55C	RGB 255 213 92	#FFD55C

#CD9D3C #D5A540 #DDAF45 #E6B84B #EEC150 #F6CB56 #FFD55C

#CD9D3C - #E6B84B - #FFD55C

CSS codes

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

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