#2E5E3F - #72C3C5 | 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 #2E5E3F to #72C3C5

#2E5E3F #72C3C5

Calculate the color between two colors, #2E5E3F and #72C3C5. 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)

#2E5E3F - #72C3C5 | 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 #2E5E3F as 0% and #72C3C5 as 100%.

0.0%	0.0% #2E5E3F	RGB 46 94 63	#2E5E3F
16.7%	16.7% #396E55	RGB 57 110 85	#396E55
33.3%	33.3% #447F6B	RGB 68 127 107	#447F6B
50.0%	50.0% #509082	RGB 80 144 130	#509082
66.7%	66.7% #5BA198	RGB 91 161 152	#5BA198
83.3%	83.3% #66B2AE	RGB 102 178 174	#66B2AE
100.0%	100.0% #72C3C5	RGB 114 195 197	#72C3C5

#2E5E3F #396E55 #447F6B #509082 #5BA198 #66B2AE #72C3C5

#2E5E3F - #72C3C5

HSV Blend

#2E5E3F - #72C3C5 | 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 #2E5E3F as 0% and #72C3C5 as 100%.

0.0%	0.0% #2E5E3F	RGB 46 94 63	#2E5E3F
16.7%	16.7% #386F51	RGB 56 111 81	#386F51
33.3%	33.3% #428066	RGB 66 128 102	#428066
50.0%	50.0% #4D917C	RGB 77 145 124	#4D917C
66.7%	66.7% #59A294	RGB 89 162 148	#59A294
83.3%	83.3% #65B3AC	RGB 101 179 172	#65B3AC
100.0%	100.0% #72C3C5	RGB 114 195 197	#72C3C5

#2E5E3F #386F51 #428066 #4D917C #59A294 #65B3AC #72C3C5

#2E5E3F - #4D917C - #72C3C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E3F 0%, #4D917C 50%, #72C3C5 100%);
    background: -webkit-linear-gradient(top, #2E5E3F 0%, #4D917C 50%, #72C3C5 100%);
    background: linear-gradient(to bottom, #2E5E3F 0%, #4D917C 50%, #72C3C5 100%);
}
</style>