#CDA95B - #FFDD7C | 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 #CDA95B to #FFDD7C

#CDA95B #FFDD7C

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

#CDA95B - #FFDD7C | 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 #CDA95B as 0% and #FFDD7C as 100%.

0.0%	0.0% #CDA95B	RGB 205 169 91	#CDA95B
16.7%	16.7% #D5B160	RGB 213 177 96	#D5B160
33.3%	33.3% #DDBA66	RGB 221 186 102	#DDBA66
50.0%	50.0% #E6C36B	RGB 230 195 107	#E6C36B
66.7%	66.7% #EECB71	RGB 238 203 113	#EECB71
83.3%	83.3% #F6D476	RGB 246 212 118	#F6D476
100.0%	100.0% #FFDD7C	RGB 255 221 124	#FFDD7C

#CDA95B #D5B160 #DDBA66 #E6C36B #EECB71 #F6D476 #FFDD7C

#CDA95B - #FFDD7C

HSV Blend

#CDA95B - #FFDD7C | 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 #CDA95B as 0% and #FFDD7C as 100%.

0.0%	0.0% #CDA95B	RGB 205 169 91	#CDA95B
16.7%	16.7% #D5B160	RGB 213 177 96	#D5B160
33.3%	33.3% #DDB965	RGB 221 185 101	#DDB965
50.0%	50.0% #E6C26A	RGB 230 194 106	#E6C26A
66.7%	66.7% #EECB70	RGB 238 203 112	#EECB70
83.3%	83.3% #F6D476	RGB 246 212 118	#F6D476
100.0%	100.0% #FFDD7C	RGB 255 221 124	#FFDD7C

#CDA95B #D5B160 #DDB965 #E6C26A #EECB70 #F6D476 #FFDD7C

#CDA95B - #E6C26A - #FFDD7C

CSS codes

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

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