#FFD500 - #C5E716 | 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 #FFD500 to #C5E716

#FFD500 #C5E716

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

#FFD500 - #C5E716 | 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 #FFD500 as 0% and #C5E716 as 100%.

0.0%	0.0% #FFD500	RGB 255 213 0	#FFD500
16.7%	16.7% #F5D803	RGB 245 216 3	#F5D803
33.3%	33.3% #EBDB07	RGB 235 219 7	#EBDB07
50.0%	50.0% #E2DE0B	RGB 226 222 11	#E2DE0B
66.7%	66.7% #D8E10E	RGB 216 225 14	#D8E10E
83.3%	83.3% #CEE412	RGB 206 228 18	#CEE412
100.0%	100.0% #C5E716	RGB 197 231 22	#C5E716

#FFD500 #F5D803 #EBDB07 #E2DE0B #D8E10E #CEE412 #C5E716

#FFD500 - #C5E716

HSV Blend

#FFD500 - #C5E716 | 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 #FFD500 as 0% and #C5E716 as 100%.

0.0%	0.0% #FFD500	RGB 255 213 0	#FFD500
16.7%	16.7% #FBDF03	RGB 251 223 3	#FBDF03
33.3%	33.3% #F7E907	RGB 247 233 7	#F7E907
50.0%	50.0% #F3F20B	RGB 243 242 11	#F3F20B
66.7%	66.7% #E3EF0F	RGB 227 239 15	#E3EF0F
83.3%	83.3% #D3EB12	RGB 211 235 18	#D3EB12
100.0%	100.0% #C5E716	RGB 197 231 22	#C5E716

#FFD500 #FBDF03 #F7E907 #F3F20B #E3EF0F #D3EB12 #C5E716

#FFD500 - #F3F20B - #C5E716

CSS codes

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

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