#2E5E76 - #9AABA7 | 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 #2E5E76 to #9AABA7

#2E5E76 #9AABA7

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

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

0.0%	0.0% #2E5E76	RGB 46 94 118	#2E5E76
16.7%	16.7% #406A7E	RGB 64 106 126	#406A7E
33.3%	33.3% #527786	RGB 82 119 134	#527786
50.0%	50.0% #64848E	RGB 100 132 142	#64848E
66.7%	66.7% #769196	RGB 118 145 150	#769196
83.3%	83.3% #889E9E	RGB 136 158 158	#889E9E
100.0%	100.0% #9AABA7	RGB 154 171 167	#9AABA7

#2E5E76 #406A7E #527786 #64848E #769196 #889E9E #9AABA7

#2E5E76 - #9AABA7

HSV Blend

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

0.0%	0.0% #2D5D76	RGB 45 93 118	#2D5D76
16.7%	16.7% #3C6E7E	RGB 60 110 126	#3C6E7E
33.3%	33.3% #4B7F87	RGB 75 127 135	#4B7F87
50.0%	50.0% #5D8D90	RGB 93 141 144	#5D8D90
66.7%	66.7% #6F9997	RGB 111 153 151	#6F9997
83.3%	83.3% #84A29D	RGB 132 162 157	#84A29D
100.0%	100.0% #9AABA7	RGB 154 171 167	#9AABA7

#2D5D76 #3C6E7E #4B7F87 #5D8D90 #6F9997 #84A29D #9AABA7

#2E5E76 - #5D8D90 - #9AABA7

CSS codes

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

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