#F9FAB5 - #CDDA5C | 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 #F9FAB5 to #CDDA5C

#F9FAB5 #CDDA5C

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

#F9FAB5 - #CDDA5C | 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 #F9FAB5 as 0% and #CDDA5C as 100%.

0.0%	0.0% #F9FAB5	RGB 249 250 181	#F9FAB5
16.7%	16.7% #F1F4A6	RGB 241 244 166	#F1F4A6
33.3%	33.3% #EAEF97	RGB 234 239 151	#EAEF97
50.0%	50.0% #E3EA88	RGB 227 234 136	#E3EA88
66.7%	66.7% #DBE479	RGB 219 228 121	#DBE479
83.3%	83.3% #D4DF6A	RGB 212 223 106	#D4DF6A
100.0%	100.0% #CDDA5C	RGB 205 218 92	#CDDA5C

#F9FAB5 #F1F4A6 #EAEF97 #E3EA88 #DBE479 #D4DF6A #CDDA5C

#F9FAB5 - #CDDA5C

HSV Blend

#F9FAB5 - #CDDA5C | 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 #F9FAB5 as 0% and #CDDA5C as 100%.

0.0%	0.0% #F9FAB5	RGB 249 250 181	#F9FAB5
16.7%	16.7% #F2F4A4	RGB 242 244 164	#F2F4A4
33.3%	33.3% #EBEF95	RGB 235 239 149	#EBEF95
50.0%	50.0% #E4EA86	RGB 228 234 134	#E4EA86
66.7%	66.7% #DCE477	RGB 220 228 119	#DCE477
83.3%	83.3% #D4DF69	RGB 212 223 105	#D4DF69
100.0%	100.0% #CDDA5C	RGB 205 218 92	#CDDA5C

#F9FAB5 #F2F4A4 #EBEF95 #E4EA86 #DCE477 #D4DF69 #CDDA5C

#F9FAB5 - #E4EA86 - #CDDA5C

CSS codes

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

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