#2D5A65 - #9BA79A | 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 #2D5A65 to #9BA79A

#2D5A65 #9BA79A

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

#2D5A65 - #9BA79A | 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 #2D5A65 as 0% and #9BA79A as 100%.

0.0%	0.0% #2D5A65	RGB 45 90 101	#2D5A65
16.7%	16.7% #3F666D	RGB 63 102 109	#3F666D
33.3%	33.3% #517376	RGB 81 115 118	#517376
50.0%	50.0% #64807F	RGB 100 128 127	#64807F
66.7%	66.7% #768D88	RGB 118 141 136	#768D88
83.3%	83.3% #889A91	RGB 136 154 145	#889A91
100.0%	100.0% #9BA79A	RGB 155 167 154	#9BA79A

#2D5A65 #3F666D #517376 #64807F #768D88 #889A91 #9BA79A

#2D5A65 - #9BA79A

HSV Blend

#2D5A65 - #9BA79A | 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 #2D5A65 as 0% and #9BA79A as 100%.

0.0%	0.0% #2D5A65	RGB 45 90 101	#2D5A65
16.7%	16.7% #3A706F	RGB 58 112 111	#3A706F
33.3%	33.3% #4A7B6F	RGB 74 123 111	#4A7B6F
50.0%	50.0% #5B8673	RGB 91 134 115	#5B8673
66.7%	66.7% #6E917A	RGB 110 145 122	#6E917A
83.3%	83.3% #839C86	RGB 131 156 134	#839C86
100.0%	100.0% #9BA79A	RGB 155 167 154	#9BA79A

#2D5A65 #3A706F #4A7B6F #5B8673 #6E917A #839C86 #9BA79A

#2D5A65 - #5B8673 - #9BA79A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5A65 0%, #5B8673 50%, #9BA79A 100%);
    background: -webkit-linear-gradient(top, #2D5A65 0%, #5B8673 50%, #9BA79A 100%);
    background: linear-gradient(to bottom, #2D5A65 0%, #5B8673 50%, #9BA79A 100%);
}
</style>