#2D5E5B - #7FA87A | 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 #2D5E5B to #7FA87A

#2D5E5B #7FA87A

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

#2D5E5B - #7FA87A | 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 #2D5E5B as 0% and #7FA87A as 100%.

0.0%	0.0% #2D5E5B	RGB 45 94 91	#2D5E5B
16.7%	16.7% #3A6A60	RGB 58 106 96	#3A6A60
33.3%	33.3% #487665	RGB 72 118 101	#487665
50.0%	50.0% #56836A	RGB 86 131 106	#56836A
66.7%	66.7% #638F6F	RGB 99 143 111	#638F6F
83.3%	83.3% #719B74	RGB 113 155 116	#719B74
100.0%	100.0% #7FA87A	RGB 127 168 122	#7FA87A

#2D5E5B #3A6A60 #487665 #56836A #638F6F #719B74 #7FA87A

#2D5E5B - #7FA87A

HSV Blend

#2D5E5B - #7FA87A | 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 #2D5E5B as 0% and #7FA87A as 100%.

0.0%	0.0% #2D5E5B	RGB 45 94 91	#2D5E5B
16.7%	16.7% #376A5E	RGB 55 106 94	#376A5E
33.3%	33.3% #427661	RGB 66 118 97	#427661
50.0%	50.0% #4E8364	RGB 78 131 100	#4E8364
66.7%	66.7% #5C8F68	RGB 92 143 104	#5C8F68
83.3%	83.3% #6A9B6D	RGB 106 155 109	#6A9B6D
100.0%	100.0% #7FA87A	RGB 127 168 122	#7FA87A

#2D5E5B #376A5E #427661 #4E8364 #5C8F68 #6A9B6D #7FA87A

#2D5E5B - #4E8364 - #7FA87A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E5B 0%, #4E8364 50%, #7FA87A 100%);
    background: -webkit-linear-gradient(top, #2D5E5B 0%, #4E8364 50%, #7FA87A 100%);
    background: linear-gradient(to bottom, #2D5E5B 0%, #4E8364 50%, #7FA87A 100%);
}
</style>