#00DBA7 - #F9FFA8 | 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 #00DBA7 to #F9FFA8

#00DBA7 #F9FFA8

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

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

0.0%	0.0% #00DBA7	RGB 0 219 167	#00DBA7
16.7%	16.7% #29E1A7	RGB 41 225 167	#29E1A7
33.3%	33.3% #53E7A7	RGB 83 231 167	#53E7A7
50.0%	50.0% #7CEDA7	RGB 124 237 167	#7CEDA7
66.7%	66.7% #A6F3A7	RGB 166 243 167	#A6F3A7
83.3%	83.3% #CFF9A7	RGB 207 249 167	#CFF9A7
100.0%	100.0% #F9FFA8	RGB 249 255 168	#F9FFA8

#00DBA7 #29E1A7 #53E7A7 #7CEDA7 #A6F3A7 #CFF9A7 #F9FFA8

#00DBA7 - #F9FFA8

HSV Blend

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

0.0%	0.0% #00DBA7	RGB 0 219 167	#00DBA7
16.7%	16.7% #18E178	RGB 24 225 120	#18E178
33.3%	33.3% #32E756	RGB 50 231 86	#32E756
50.0%	50.0% #5BED4E	RGB 91 237 78	#5BED4E
66.7%	66.7% #9CF36A	RGB 156 243 106	#9CF36A
83.3%	83.3% #D1F988	RGB 209 249 136	#D1F988
100.0%	100.0% #F9FFA8	RGB 249 255 168	#F9FFA8

#00DBA7 #18E178 #32E756 #5BED4E #9CF36A #D1F988 #F9FFA8

#00DBA7 - #5BED4E - #F9FFA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DBA7 0%, #5BED4E 50%, #F9FFA8 100%);
    background: -webkit-linear-gradient(top, #00DBA7 0%, #5BED4E 50%, #F9FFA8 100%);
    background: linear-gradient(to bottom, #00DBA7 0%, #5BED4E 50%, #F9FFA8 100%);
}
</style>