#9FECF2 - #2D4345 | 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 #9FECF2 to #2D4345

#9FECF2 #2D4345

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

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

0.0%	0.0% #9FECF2	RGB 159 236 242	#9FECF2
16.7%	16.7% #8CCFD5	RGB 140 207 213	#8CCFD5
33.3%	33.3% #79B3B8	RGB 121 179 184	#79B3B8
50.0%	50.0% #66979B	RGB 102 151 155	#66979B
66.7%	66.7% #537B7E	RGB 83 123 126	#537B7E
83.3%	83.3% #405F61	RGB 64 95 97	#405F61
100.0%	100.0% #2D4345	RGB 45 67 69	#2D4345

#9FECF2 #8CCFD5 #79B3B8 #66979B #537B7E #405F61 #2D4345

#9FECF2 - #2D4345

HSV Blend

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

0.0%	0.0% #9FECF2	RGB 159 236 242	#9FECF2
16.7%	16.7% #8BCFD5	RGB 139 207 213	#8BCFD5
33.3%	33.3% #78B3B8	RGB 120 179 184	#78B3B8
50.0%	50.0% #65979B	RGB 101 151 155	#65979B
66.7%	66.7% #527B7E	RGB 82 123 126	#527B7E
83.3%	83.3% #3F5F61	RGB 63 95 97	#3F5F61
100.0%	100.0% #2D4345	RGB 45 67 69	#2D4345

#9FECF2 #8BCFD5 #78B3B8 #65979B #527B7E #3F5F61 #2D4345

#9FECF2 - #65979B - #2D4345

CSS codes

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

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