#F8F98C - #CDD736 | 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 #F8F98C to #CDD736

#F8F98C #CDD736

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

#F8F98C - #CDD736 | 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 #F8F98C as 0% and #CDD736 as 100%.

0.0%	0.0% #F8F98C	RGB 248 249 140	#F8F98C
16.7%	16.7% #F0F37D	RGB 240 243 125	#F0F37D
33.3%	33.3% #E9ED6F	RGB 233 237 111	#E9ED6F
50.0%	50.0% #E2E861	RGB 226 232 97	#E2E861
66.7%	66.7% #DBE252	RGB 219 226 82	#DBE252
83.3%	83.3% #D4DC44	RGB 212 220 68	#D4DC44
100.0%	100.0% #CDD736	RGB 205 215 54	#CDD736

#F8F98C #F0F37D #E9ED6F #E2E861 #DBE252 #D4DC44 #CDD736

#F8F98C - #CDD736

HSV Blend

#F8F98C - #CDD736 | 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 #F8F98C as 0% and #CDD736 as 100%.

0.0%	0.0% #F8F98C	RGB 248 249 140	#F8F98C
16.7%	16.7% #F1F37C	RGB 241 243 124	#F1F37C
33.3%	33.3% #EAED6C	RGB 234 237 108	#EAED6C
50.0%	50.0% #E3E85E	RGB 227 232 94	#E3E85E
66.7%	66.7% #DBE250	RGB 219 226 80	#DBE250
83.3%	83.3% #D4DC42	RGB 212 220 66	#D4DC42
100.0%	100.0% #CDD736	RGB 205 215 54	#CDD736

#F8F98C #F1F37C #EAED6C #E3E85E #DBE250 #D4DC42 #CDD736

#F8F98C - #E3E85E - #CDD736

CSS codes

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

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