#2D5540 - #7E9F66 | 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 #2D5540 to #7E9F66

#2D5540 #7E9F66

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

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

0.0%	0.0% #2D5540	RGB 45 85 64	#2D5540
16.7%	16.7% #3A6146	RGB 58 97 70	#3A6146
33.3%	33.3% #486D4C	RGB 72 109 76	#486D4C
50.0%	50.0% #557A53	RGB 85 122 83	#557A53
66.7%	66.7% #638659	RGB 99 134 89	#638659
83.3%	83.3% #70925F	RGB 112 146 95	#70925F
100.0%	100.0% #7E9F66	RGB 126 159 102	#7E9F66

#2D5540 #3A6146 #486D4C #557A53 #638659 #70925F #7E9F66

#2D5540 - #7E9F66

HSV Blend

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

0.0%	0.0% #2D5540	RGB 45 85 64	#2D5540
16.7%	16.7% #356143	RGB 53 97 67	#356143
33.3%	33.3% #3E6D46	RGB 62 109 70	#3E6D46
50.0%	50.0% #477A48	RGB 71 122 72	#477A48
66.7%	66.7% #578651	RGB 87 134 81	#578651
83.3%	83.3% #6A925B	RGB 106 146 91	#6A925B
100.0%	100.0% #7E9F66	RGB 126 159 102	#7E9F66

#2D5540 #356143 #3E6D46 #477A48 #578651 #6A925B #7E9F66

#2D5540 - #477A48 - #7E9F66

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5540 0%, #477A48 50%, #7E9F66 100%);
    background: -webkit-linear-gradient(top, #2D5540 0%, #477A48 50%, #7E9F66 100%);
    background: linear-gradient(to bottom, #2D5540 0%, #477A48 50%, #7E9F66 100%);
}
</style>