#2D7560 - #797DB5 | 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 #2D7560 to #797DB5

#2D7560 #797DB5

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

#2D7560 - #797DB5 | 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 #2D7560 as 0% and #797DB5 as 100%.

0.0%	0.0% #2D7560	RGB 45 117 96	#2D7560
16.7%	16.7% #39766E	RGB 57 118 110	#39766E
33.3%	33.3% #46777C	RGB 70 119 124	#46777C
50.0%	50.0% #53798A	RGB 83 121 138	#53798A
66.7%	66.7% #5F7A98	RGB 95 122 152	#5F7A98
83.3%	83.3% #6C7BA6	RGB 108 123 166	#6C7BA6
100.0%	100.0% #797DB5	RGB 121 125 181	#797DB5

#2D7560 #39766E #46777C #53798A #5F7A98 #6C7BA6 #797DB5

#2D7560 - #797DB5

HSV Blend

#2D7560 - #797DB5 | 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 #2D7560 as 0% and #797DB5 as 100%.

0.0%	0.0% #2D7560	RGB 45 117 96	#2D7560
16.7%	16.7% #377F79	RGB 55 127 121	#377F79
33.3%	33.3% #42818A	RGB 66 129 138	#42818A
50.0%	50.0% #4E7E95	RGB 78 126 149	#4E7E95
66.7%	66.7% #5B7B9F	RGB 91 123 159	#5B7B9F
83.3%	83.3% #697BAA	RGB 105 123 170	#697BAA
100.0%	100.0% #797DB5	RGB 121 125 181	#797DB5

#2D7560 #377F79 #42818A #4E7E95 #5B7B9F #697BAA #797DB5

#2D7560 - #4E7E95 - #797DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D7560 0%, #4E7E95 50%, #797DB5 100%);
    background: -webkit-linear-gradient(top, #2D7560 0%, #4E7E95 50%, #797DB5 100%);
    background: linear-gradient(to bottom, #2D7560 0%, #4E7E95 50%, #797DB5 100%);
}
</style>