#00A660 - #C9FBA8 | 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 #00A660 to #C9FBA8

#00A660 #C9FBA8

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

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

0.0%	0.0% #00A660	RGB 0 166 96	#00A660
16.7%	16.7% #21B46C	RGB 33 180 108	#21B46C
33.3%	33.3% #43C278	RGB 67 194 120	#43C278
50.0%	50.0% #64D084	RGB 100 208 132	#64D084
66.7%	66.7% #86DE90	RGB 134 222 144	#86DE90
83.3%	83.3% #A7EC9C	RGB 167 236 156	#A7EC9C
100.0%	100.0% #C9FBA8	RGB 201 251 168	#C9FBA8

#00A660 #21B46C #43C278 #64D084 #86DE90 #A7EC9C #C9FBA8

#00A660 - #C9FBA8

HSV Blend

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

0.0%	0.0% #00A660	RGB 0 166 96	#00A660
16.7%	16.7% #14B456	RGB 20 180 86	#14B456
33.3%	33.3% #2BC251	RGB 43 194 81	#2BC251
50.0%	50.0% #45D052	RGB 69 208 82	#45D052
66.7%	66.7% #6CDE63	RGB 108 222 99	#6CDE63
83.3%	83.3% #9CEC84	RGB 156 236 132	#9CEC84
100.0%	100.0% #C9FBA8	RGB 201 251 168	#C9FBA8

#00A660 #14B456 #2BC251 #45D052 #6CDE63 #9CEC84 #C9FBA8

#00A660 - #45D052 - #C9FBA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A660 0%, #45D052 50%, #C9FBA8 100%);
    background: -webkit-linear-gradient(top, #00A660 0%, #45D052 50%, #C9FBA8 100%);
    background: linear-gradient(to bottom, #00A660 0%, #45D052 50%, #C9FBA8 100%);
}
</style>