#2D5E3F - #7977AF | 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 #2D5E3F to #7977AF

#2D5E3F #7977AF

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

#2D5E3F - #7977AF | 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 #2D5E3F as 0% and #7977AF as 100%.

0.0%	0.0% #2D5E3F	RGB 45 94 63	#2D5E3F
16.7%	16.7% #396251	RGB 57 98 81	#396251
33.3%	33.3% #466664	RGB 70 102 100	#466664
50.0%	50.0% #536A77	RGB 83 106 119	#536A77
66.7%	66.7% #5F6E89	RGB 95 110 137	#5F6E89
83.3%	83.3% #6C729C	RGB 108 114 156	#6C729C
100.0%	100.0% #7977AF	RGB 121 119 175	#7977AF

#2D5E3F #396251 #466664 #536A77 #5F6E89 #6C729C #7977AF

#2D5E3F - #7977AF

HSV Blend

#2D5E3F - #7977AF | 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 #2D5E3F as 0% and #7977AF as 100%.

0.0%	0.0% #2D5E3F	RGB 45 94 63	#2D5E3F
16.7%	16.7% #376B58	RGB 55 107 88	#376B58
33.3%	33.3% #427974	RGB 66 121 116	#427974
50.0%	50.0% #4D7B86	RGB 77 123 134	#4D7B86
66.7%	66.7% #5A7894	RGB 90 120 148	#5A7894
83.3%	83.3% #6876A1	RGB 104 118 161	#6876A1
100.0%	100.0% #7977AF	RGB 121 119 175	#7977AF

#2D5E3F #376B58 #427974 #4D7B86 #5A7894 #6876A1 #7977AF

#2D5E3F - #4D7B86 - #7977AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E3F 0%, #4D7B86 50%, #7977AF 100%);
    background: -webkit-linear-gradient(top, #2D5E3F 0%, #4D7B86 50%, #7977AF 100%);
    background: linear-gradient(to bottom, #2D5E3F 0%, #4D7B86 50%, #7977AF 100%);
}
</style>