#00D13C - #FFF8AF | 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 #00D13C to #FFF8AF

#00D13C #FFF8AF

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

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

0.0%	0.0% #00D13C	RGB 0 209 60	#00D13C
16.7%	16.7% #2AD74F	RGB 42 215 79	#2AD74F
33.3%	33.3% #55DE62	RGB 85 222 98	#55DE62
50.0%	50.0% #7FE475	RGB 127 228 117	#7FE475
66.7%	66.7% #AAEB88	RGB 170 235 136	#AAEB88
83.3%	83.3% #D4F19B	RGB 212 241 155	#D4F19B
100.0%	100.0% #FFF8AF	RGB 255 248 175	#FFF8AF

#00D13C #2AD74F #55DE62 #7FE475 #AAEB88 #D4F19B #FFF8AF

#00D13C - #FFF8AF

HSV Blend

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

0.0%	0.0% #00D13C	RGB 0 209 60	#00D13C
16.7%	16.7% #18D823	RGB 24 216 35	#18D823
33.3%	33.3% #50E033	RGB 80 224 51	#50E033
50.0%	50.0% #8CE84F	RGB 140 232 79	#8CE84F
66.7%	66.7% #BFEF6D	RGB 191 239 109	#BFEF6D
83.3%	83.3% #E8F78D	RGB 232 247 141	#E8F78D
100.0%	100.0% #FFF8AF	RGB 255 248 175	#FFF8AF

#00D13C #18D823 #50E033 #8CE84F #BFEF6D #E8F78D #FFF8AF

#00D13C - #8CE84F - #FFF8AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D13C 0%, #8CE84F 50%, #FFF8AF 100%);
    background: -webkit-linear-gradient(top, #00D13C 0%, #8CE84F 50%, #FFF8AF 100%);
    background: linear-gradient(to bottom, #00D13C 0%, #8CE84F 50%, #FFF8AF 100%);
}
</style>