#F9FBAB - #CEDC52 | 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 #F9FBAB to #CEDC52

#F9FBAB #CEDC52

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

#F9FBAB - #CEDC52 | 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 #F9FBAB as 0% and #CEDC52 as 100%.

0.0%	0.0% #F9FBAB	RGB 249 251 171	#F9FBAB
16.7%	16.7% #F1F59C	RGB 241 245 156	#F1F59C
33.3%	33.3% #EAF08D	RGB 234 240 141	#EAF08D
50.0%	50.0% #E3EB7E	RGB 227 235 126	#E3EB7E
66.7%	66.7% #DCE66F	RGB 220 230 111	#DCE66F
83.3%	83.3% #D5E160	RGB 213 225 96	#D5E160
100.0%	100.0% #CEDC52	RGB 206 220 82	#CEDC52

#F9FBAB #F1F59C #EAF08D #E3EB7E #DCE66F #D5E160 #CEDC52

#F9FBAB - #CEDC52

HSV Blend

#F9FBAB - #CEDC52 | 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 #F9FBAB as 0% and #CEDC52 as 100%.

0.0%	0.0% #F9FBAB	RGB 249 251 171	#F9FBAB
16.7%	16.7% #F2F59A	RGB 242 245 154	#F2F59A
33.3%	33.3% #EBF08B	RGB 235 240 139	#EBF08B
50.0%	50.0% #E4EB7C	RGB 228 235 124	#E4EB7C
66.7%	66.7% #DDE66D	RGB 221 230 109	#DDE66D
83.3%	83.3% #D5E15F	RGB 213 225 95	#D5E15F
100.0%	100.0% #CEDC52	RGB 206 220 82	#CEDC52

#F9FBAB #F2F59A #EBF08B #E4EB7C #DDE66D #D5E15F #CEDC52

#F9FBAB - #E4EB7C - #CEDC52

CSS codes

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

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