#FFDB35 - #CFEC5A | 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 #FFDB35 to #CFEC5A

#FFDB35 #CFEC5A

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

#FFDB35 - #CFEC5A | 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 #FFDB35 as 0% and #CFEC5A as 100%.

0.0%	0.0% #FFDB35	RGB 255 219 53	#FFDB35
16.7%	16.7% #F7DD3B	RGB 247 221 59	#F7DD3B
33.3%	33.3% #EFE041	RGB 239 224 65	#EFE041
50.0%	50.0% #E7E347	RGB 231 227 71	#E7E347
66.7%	66.7% #DFE64D	RGB 223 230 77	#DFE64D
83.3%	83.3% #D7E953	RGB 215 233 83	#D7E953
100.0%	100.0% #CFEC5A	RGB 207 236 90	#CFEC5A

#FFDB35 #F7DD3B #EFE041 #E7E347 #DFE64D #D7E953 #CFEC5A

#FFDB35 - #CFEC5A

HSV Blend

#FFDB35 - #CFEC5A | 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 #FFDB35 as 0% and #CFEC5A as 100%.

0.0%	0.0% #FFDB35	RGB 255 219 53	#FFDB35
16.7%	16.7% #FBE53B	RGB 251 229 59	#FBE53B
33.3%	33.3% #F8EF42	RGB 248 239 66	#F8EF42
50.0%	50.0% #F3F548	RGB 243 245 72	#F3F548
66.7%	66.7% #E6F24E	RGB 230 242 78	#E6F24E
83.3%	83.3% #DAEF54	RGB 218 239 84	#DAEF54
100.0%	100.0% #CFEC5A	RGB 207 236 90	#CFEC5A

#FFDB35 #FBE53B #F8EF42 #F3F548 #E6F24E #DAEF54 #CFEC5A

#FFDB35 - #F3F548 - #CFEC5A

CSS codes

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

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