#CCEB6B - #F0F9D4 | 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 #CCEB6B to #F0F9D4

#CCEB6B #F0F9D4

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

#CCEB6B - #F0F9D4 | 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 #CCEB6B as 0% and #F0F9D4 as 100%.

0.0%	0.0% #CCEB6B	RGB 204 235 107	#CCEB6B
16.7%	16.7% #D2ED7C	RGB 210 237 124	#D2ED7C
33.3%	33.3% #D8EF8E	RGB 216 239 142	#D8EF8E
50.0%	50.0% #DEF29F	RGB 222 242 159	#DEF29F
66.7%	66.7% #E4F4B1	RGB 228 244 177	#E4F4B1
83.3%	83.3% #EAF6C2	RGB 234 246 194	#EAF6C2
100.0%	100.0% #F0F9D4	RGB 240 249 212	#F0F9D4

#CCEB6B #D2ED7C #D8EF8E #DEF29F #E4F4B1 #EAF6C2 #F0F9D4

#CCEB6B - #F0F9D4

HSV Blend

#CCEB6B - #F0F9D4 | 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 #CCEB6B as 0% and #F0F9D4 as 100%.

0.0%	0.0% #CCEB6B	RGB 204 235 107	#CCEB6B
16.7%	16.7% #D1ED7B	RGB 209 237 123	#D1ED7B
33.3%	33.3% #D7EF8C	RGB 215 239 140	#D7EF8C
50.0%	50.0% #DDF29E	RGB 221 242 158	#DDF29E
66.7%	66.7% #E3F4AF	RGB 227 244 175	#E3F4AF
83.3%	83.3% #E9F6C1	RGB 233 246 193	#E9F6C1
100.0%	100.0% #F0F9D4	RGB 240 249 212	#F0F9D4

#CCEB6B #D1ED7B #D7EF8C #DDF29E #E3F4AF #E9F6C1 #F0F9D4

#CCEB6B - #DDF29E - #F0F9D4

CSS codes

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

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