#99CD3C - #FFF370 | 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 #99CD3C to #FFF370

#99CD3C #FFF370

Calculate the color between two colors, #99CD3C and #FFF370. 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)

#99CD3C - #FFF370 | 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 #99CD3C as 0% and #FFF370 as 100%.

0.0%	0.0% #99CD3C	RGB 153 205 60	#99CD3C
16.7%	16.7% #AAD344	RGB 170 211 68	#AAD344
33.3%	33.3% #BBD94D	RGB 187 217 77	#BBD94D
50.0%	50.0% #CCE056	RGB 204 224 86	#CCE056
66.7%	66.7% #DDE65E	RGB 221 230 94	#DDE65E
83.3%	83.3% #EEEC67	RGB 238 236 103	#EEEC67
100.0%	100.0% #FFF370	RGB 255 243 112	#FFF370

#99CD3C #AAD344 #BBD94D #CCE056 #DDE65E #EEEC67 #FFF370

#99CD3C - #FFF370

HSV Blend

#99CD3C - #FFF370 | 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 #99CD3C as 0% and #FFF370 as 100%.

0.0%	0.0% #99CD3C	RGB 153 205 60	#99CD3C
16.7%	16.7% #ABD543	RGB 171 213 67	#ABD543
33.3%	33.3% #BEDD4B	RGB 190 221 75	#BEDD4B
50.0%	50.0% #D1E654	RGB 209 230 84	#D1E654
66.7%	66.7% #E5EE5D	RGB 229 238 93	#E5EE5D
83.3%	83.3% #F6F566	RGB 246 245 102	#F6F566
100.0%	100.0% #FFF370	RGB 255 243 112	#FFF370

#99CD3C #ABD543 #BEDD4B #D1E654 #E5EE5D #F6F566 #FFF370

#99CD3C - #D1E654 - #FFF370

CSS codes

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

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