#CDCC3C - #F0F0C7 | 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 #CDCC3C to #F0F0C7

#CDCC3C #F0F0C7

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

#CDCC3C - #F0F0C7 | 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 #CDCC3C as 0% and #F0F0C7 as 100%.

0.0%	0.0% #CDCC3C	RGB 205 204 60	#CDCC3C
16.7%	16.7% #D2D253	RGB 210 210 83	#D2D253
33.3%	33.3% #D8D86A	RGB 216 216 106	#D8D86A
50.0%	50.0% #DEDE81	RGB 222 222 129	#DEDE81
66.7%	66.7% #E4E498	RGB 228 228 152	#E4E498
83.3%	83.3% #EAEAAF	RGB 234 234 175	#EAEAAF
100.0%	100.0% #F0F0C7	RGB 240 240 199	#F0F0C7

#CDCC3C #D2D253 #D8D86A #DEDE81 #E4E498 #EAEAAF #F0F0C7

#CDCC3C - #F0F0C7

HSV Blend

#CDCC3C - #F0F0C7 | 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 #CDCC3C as 0% and #F0F0C7 as 100%.

0.0%	0.0% #CDCC3C	RGB 205 204 60	#CDCC3C
16.7%	16.7% #D2D250	RGB 210 210 80	#D2D250
33.3%	33.3% #D8D866	RGB 216 216 102	#D8D866
50.0%	50.0% #DEDE7C	RGB 222 222 124	#DEDE7C
66.7%	66.7% #E4E494	RGB 228 228 148	#E4E494
83.3%	83.3% #EAEAAD	RGB 234 234 173	#EAEAAD
100.0%	100.0% #F0F0C7	RGB 240 240 199	#F0F0C7

#CDCC3C #D2D250 #D8D866 #DEDE7C #E4E494 #EAEAAD #F0F0C7

#CDCC3C - #DEDE7C - #F0F0C7

CSS codes

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

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