#CCF98E - #FFF4B5 | 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 #CCF98E to #FFF4B5

#CCF98E #FFF4B5

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

#CCF98E - #FFF4B5 | 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 #CCF98E as 0% and #FFF4B5 as 100%.

0.0%	0.0% #CCF98E	RGB 204 249 142	#CCF98E
16.7%	16.7% #D4F894	RGB 212 248 148	#D4F894
33.3%	33.3% #DDF79B	RGB 221 247 155	#DDF79B
50.0%	50.0% #E5F6A1	RGB 229 246 161	#E5F6A1
66.7%	66.7% #EEF5A8	RGB 238 245 168	#EEF5A8
83.3%	83.3% #F6F4AE	RGB 246 244 174	#F6F4AE
100.0%	100.0% #FFF4B5	RGB 255 244 181	#FFF4B5

#CCF98E #D4F894 #DDF79B #E5F6A1 #EEF5A8 #F6F4AE #FFF4B5

#CCF98E - #FFF4B5

HSV Blend

#CCF98E - #FFF4B5 | 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 #CCF98E as 0% and #FFF4B5 as 100%.

0.0%	0.0% #CCF98E	RGB 204 249 142	#CCF98E
16.7%	16.7% #D8FA94	RGB 216 250 148	#D8FA94
33.3%	33.3% #E4FB9A	RGB 228 251 154	#E4FB9A
50.0%	50.0% #EFFCA1	RGB 239 252 161	#EFFCA1
66.7%	66.7% #F9FDA7	RGB 249 253 167	#F9FDA7
83.3%	83.3% #FEF9AE	RGB 254 249 174	#FEF9AE
100.0%	100.0% #FFF4B5	RGB 255 244 181	#FFF4B5

#CCF98E #D8FA94 #E4FB9A #EFFCA1 #F9FDA7 #FEF9AE #FFF4B5

#CCF98E - #EFFCA1 - #FFF4B5

CSS codes

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

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