#005535 - #5EAF6D | 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 #005535 to #5EAF6D

#005535 #5EAF6D

Calculate the color between two colors, #005535 and #5EAF6D. 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)

#005535 - #5EAF6D | 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 #005535 as 0% and #5EAF6D as 100%.

0.0%	0.0% #005535	RGB 0 85 53	#005535
16.7%	16.7% #0F643E	RGB 15 100 62	#0F643E
33.3%	33.3% #1F7347	RGB 31 115 71	#1F7347
50.0%	50.0% #2F8251	RGB 47 130 81	#2F8251
66.7%	66.7% #3E915A	RGB 62 145 90	#3E915A
83.3%	83.3% #4EA063	RGB 78 160 99	#4EA063
100.0%	100.0% #5EAF6D	RGB 94 175 109	#5EAF6D

#005535 #0F643E #1F7347 #2F8251 #3E915A #4EA063 #5EAF6D

#005535 - #5EAF6D

HSV Blend

#005535 - #5EAF6D | 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 #005535 as 0% and #5EAF6D as 100%.

0.0%	0.0% #005535	RGB 0 85 53	#005535
16.7%	16.7% #08643B	RGB 8 100 59	#08643B
33.3%	33.3% #147341	RGB 20 115 65	#147341
50.0%	50.0% #228249	RGB 34 130 73	#228249
66.7%	66.7% #339152	RGB 51 145 82	#339152
83.3%	83.3% #47A05E	RGB 71 160 94	#47A05E
100.0%	100.0% #5EAF6D	RGB 94 175 109	#5EAF6D

#005535 #08643B #147341 #228249 #339152 #47A05E #5EAF6D

#005535 - #228249 - #5EAF6D

CSS codes

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

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