#CDCA3C - #F0EFC7 | 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 #CDCA3C to #F0EFC7

#CDCA3C #F0EFC7

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

#CDCA3C - #F0EFC7 | 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 #CDCA3C as 0% and #F0EFC7 as 100%.

0.0%	0.0% #CDCA3C	RGB 205 202 60	#CDCA3C
16.7%	16.7% #D2D053	RGB 210 208 83	#D2D053
33.3%	33.3% #D8D66A	RGB 216 214 106	#D8D66A
50.0%	50.0% #DEDC81	RGB 222 220 129	#DEDC81
66.7%	66.7% #E4E298	RGB 228 226 152	#E4E298
83.3%	83.3% #EAE8AF	RGB 234 232 175	#EAE8AF
100.0%	100.0% #F0EFC7	RGB 240 239 199	#F0EFC7

#CDCA3C #D2D053 #D8D66A #DEDC81 #E4E298 #EAE8AF #F0EFC7

#CDCA3C - #F0EFC7

HSV Blend

#CDCA3C - #F0EFC7 | 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 #CDCA3C as 0% and #F0EFC7 as 100%.

0.0%	0.0% #CDCA3C	RGB 205 202 60	#CDCA3C
16.7%	16.7% #D2D050	RGB 210 208 80	#D2D050
33.3%	33.3% #D8D666	RGB 216 214 102	#D8D666
50.0%	50.0% #DEDC7C	RGB 222 220 124	#DEDC7C
66.7%	66.7% #E4E294	RGB 228 226 148	#E4E294
83.3%	83.3% #EAE8AD	RGB 234 232 173	#EAE8AD
100.0%	100.0% #F0EFC7	RGB 240 239 199	#F0EFC7

#CDCA3C #D2D050 #D8D666 #DEDC7C #E4E294 #EAE8AD #F0EFC7

#CDCA3C - #DEDC7C - #F0EFC7

CSS codes

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

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