#CFDB6B - #FFF29C | 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 #CFDB6B to #FFF29C

#CFDB6B #FFF29C

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

#CFDB6B - #FFF29C | 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 #CFDB6B as 0% and #FFF29C as 100%.

0.0%	0.0% #CFDB6B	RGB 207 219 107	#CFDB6B
16.7%	16.7% #D7DE73	RGB 215 222 115	#D7DE73
33.3%	33.3% #DFE27B	RGB 223 226 123	#DFE27B
50.0%	50.0% #E7E683	RGB 231 230 131	#E7E683
66.7%	66.7% #EFEA8B	RGB 239 234 139	#EFEA8B
83.3%	83.3% #F7EE93	RGB 247 238 147	#F7EE93
100.0%	100.0% #FFF29C	RGB 255 242 156	#FFF29C

#CFDB6B #D7DE73 #DFE27B #E7E683 #EFEA8B #F7EE93 #FFF29C

#CFDB6B - #FFF29C

HSV Blend

#CFDB6B - #FFF29C | 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 #CFDB6B as 0% and #FFF29C as 100%.

0.0%	0.0% #CFDB6B	RGB 207 219 107	#CFDB6B
16.7%	16.7% #D9E172	RGB 217 225 114	#D9E172
33.3%	33.3% #E3E77A	RGB 227 231 122	#E3E77A
50.0%	50.0% #EDEB82	RGB 237 235 130	#EDEB82
66.7%	66.7% #F3ED8A	RGB 243 237 138	#F3ED8A
83.3%	83.3% #F9EF93	RGB 249 239 147	#F9EF93
100.0%	100.0% #FFF29C	RGB 255 242 156	#FFF29C

#CFDB6B #D9E172 #E3E77A #EDEB82 #F3ED8A #F9EF93 #FFF29C

#CFDB6B - #EDEB82 - #FFF29C

CSS codes

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

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