#00BA14 - #FFDB88 | 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 #00BA14 to #FFDB88

#00BA14 #FFDB88

Calculate the color between two colors, #00BA14 and #FFDB88. 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)

#00BA14 - #FFDB88 | 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 #00BA14 as 0% and #FFDB88 as 100%.

0.0%	0.0% #00BA14	RGB 0 186 20	#00BA14
16.7%	16.7% #2ABF27	RGB 42 191 39	#2ABF27
33.3%	33.3% #55C53A	RGB 85 197 58	#55C53A
50.0%	50.0% #7FCA4E	RGB 127 202 78	#7FCA4E
66.7%	66.7% #AAD061	RGB 170 208 97	#AAD061
83.3%	83.3% #D4D574	RGB 212 213 116	#D4D574
100.0%	100.0% #FFDB88	RGB 255 219 136	#FFDB88

#00BA14 #2ABF27 #55C53A #7FCA4E #AAD061 #D4D574 #FFDB88

#00BA14 - #FFDB88

HSV Blend

#00BA14 - #FFDB88 | 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 #00BA14 as 0% and #FFDB88 as 100%.

0.0%	0.0% #00BA14	RGB 0 186 20	#00BA14
16.7%	16.7% #28C511	RGB 40 197 17	#28C511
33.3%	33.3% #63D125	RGB 99 209 37	#63D125
50.0%	50.0% #9BDC3A	RGB 155 220 58	#9BDC3A
66.7%	66.7% #CEE852	RGB 206 232 82	#CEE852
83.3%	83.3% #F3EA6C	RGB 243 234 108	#F3EA6C
100.0%	100.0% #FFDB88	RGB 255 219 136	#FFDB88

#00BA14 #28C511 #63D125 #9BDC3A #CEE852 #F3EA6C #FFDB88

#00BA14 - #9BDC3A - #FFDB88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BA14 0%, #9BDC3A 50%, #FFDB88 100%);
    background: -webkit-linear-gradient(top, #00BA14 0%, #9BDC3A 50%, #FFDB88 100%);
    background: linear-gradient(to bottom, #00BA14 0%, #9BDC3A 50%, #FFDB88 100%);
}
</style>