#9FEEE6 - #2D4441 | 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 #9FEEE6 to #2D4441

#9FEEE6 #2D4441

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

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

0.0%	0.0% #9FEEE6	RGB 159 238 230	#9FEEE6
16.7%	16.7% #8CD1CA	RGB 140 209 202	#8CD1CA
33.3%	33.3% #79B5AF	RGB 121 181 175	#79B5AF
50.0%	50.0% #669993	RGB 102 153 147	#669993
66.7%	66.7% #537C78	RGB 83 124 120	#537C78
83.3%	83.3% #40605C	RGB 64 96 92	#40605C
100.0%	100.0% #2D4441	RGB 45 68 65	#2D4441

#9FEEE6 #8CD1CA #79B5AF #669993 #537C78 #40605C #2D4441

#9FEEE6 - #2D4441

HSV Blend

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

0.0%	0.0% #9FEEE6	RGB 159 238 230	#9FEEE6
16.7%	16.7% #8BD1CA	RGB 139 209 202	#8BD1CA
33.3%	33.3% #78B5AE	RGB 120 181 174	#78B5AE
50.0%	50.0% #659993	RGB 101 153 147	#659993
66.7%	66.7% #527C77	RGB 82 124 119	#527C77
83.3%	83.3% #3F605C	RGB 63 96 92	#3F605C
100.0%	100.0% #2D4441	RGB 45 68 65	#2D4441

#9FEEE6 #8BD1CA #78B5AE #659993 #527C77 #3F605C #2D4441

#9FEEE6 - #659993 - #2D4441

CSS codes

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

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