#005541 - #5EAF77 | 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 #005541 to #5EAF77

#005541 #5EAF77

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

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

0.0%	0.0% #005541	RGB 0 85 65	#005541
16.7%	16.7% #0F644A	RGB 15 100 74	#0F644A
33.3%	33.3% #1F7353	RGB 31 115 83	#1F7353
50.0%	50.0% #2F825C	RGB 47 130 92	#2F825C
66.7%	66.7% #3E9165	RGB 62 145 101	#3E9165
83.3%	83.3% #4EA06E	RGB 78 160 110	#4EA06E
100.0%	100.0% #5EAF77	RGB 94 175 119	#5EAF77

#005541 #0F644A #1F7353 #2F825C #3E9165 #4EA06E #5EAF77

#005541 - #5EAF77

HSV Blend

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

0.0%	0.0% #005541	RGB 0 85 65	#005541
16.7%	16.7% #086447	RGB 8 100 71	#086447
33.3%	33.3% #14734E	RGB 20 115 78	#14734E
50.0%	50.0% #228255	RGB 34 130 85	#228255
66.7%	66.7% #33915E	RGB 51 145 94	#33915E
83.3%	83.3% #47A069	RGB 71 160 105	#47A069
100.0%	100.0% #5EAF77	RGB 94 175 119	#5EAF77

#005541 #086447 #14734E #228255 #33915E #47A069 #5EAF77

#005541 - #228255 - #5EAF77

CSS codes

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

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