#CCDA7E - #FFF1A8 | 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 #CCDA7E to #FFF1A8

#CCDA7E #FFF1A8

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

#CCDA7E - #FFF1A8 | 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 #CCDA7E as 0% and #FFF1A8 as 100%.

0.0%	0.0% #CCDA7E	RGB 204 218 126	#CCDA7E
16.7%	16.7% #D4DD85	RGB 212 221 133	#D4DD85
33.3%	33.3% #DDE18C	RGB 221 225 140	#DDE18C
50.0%	50.0% #E5E593	RGB 229 229 147	#E5E593
66.7%	66.7% #EEE99A	RGB 238 233 154	#EEE99A
83.3%	83.3% #F6EDA1	RGB 246 237 161	#F6EDA1
100.0%	100.0% #FFF1A8	RGB 255 241 168	#FFF1A8

#CCDA7E #D4DD85 #DDE18C #E5E593 #EEE99A #F6EDA1 #FFF1A8

#CCDA7E - #FFF1A8

HSV Blend

#CCDA7E - #FFF1A8 | 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 #CCDA7E as 0% and #FFF1A8 as 100%.

0.0%	0.0% #CCDA7E	RGB 204 218 126	#CCDA7E
16.7%	16.7% #D7E084	RGB 215 224 132	#D7E084
33.3%	33.3% #E1E68B	RGB 225 230 139	#E1E68B
50.0%	50.0% #ECEC92	RGB 236 236 146	#ECEC92
66.7%	66.7% #F2ED99	RGB 242 237 153	#F2ED99
83.3%	83.3% #F8EFA0	RGB 248 239 160	#F8EFA0
100.0%	100.0% #FFF1A8	RGB 255 241 168	#FFF1A8

#CCDA7E #D7E084 #E1E68B #ECEC92 #F2ED99 #F8EFA0 #FFF1A8

#CCDA7E - #ECEC92 - #FFF1A8

CSS codes

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

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