#8AD7DC - #2D90AC | 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 #8AD7DC to #2D90AC

#8AD7DC #2D90AC

Calculate the color between two colors, #8AD7DC and #2D90AC. 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)

#8AD7DC - #2D90AC | 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 #8AD7DC as 0% and #2D90AC as 100%.

0.0%	0.0% #8AD7DC	RGB 138 215 220	#8AD7DC
16.7%	16.7% #7ACBD4	RGB 122 203 212	#7ACBD4
33.3%	33.3% #6BBFCC	RGB 107 191 204	#6BBFCC
50.0%	50.0% #5BB3C4	RGB 91 179 196	#5BB3C4
66.7%	66.7% #4CA7BC	RGB 76 167 188	#4CA7BC
83.3%	83.3% #3C9BB4	RGB 60 155 180	#3C9BB4
100.0%	100.0% #2D90AC	RGB 45 144 172	#2D90AC

#8AD7DC #7ACBD4 #6BBFCC #5BB3C4 #4CA7BC #3C9BB4 #2D90AC

#8AD7DC - #2D90AC

HSV Blend

#8AD7DC - #2D90AC | 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 #8AD7DC as 0% and #2D90AC as 100%.

0.0%	0.0% #8AD7DC	RGB 138 215 220	#8AD7DC
16.7%	16.7% #78CBD4	RGB 120 203 212	#78CBD4
33.3%	33.3% #67C0CC	RGB 103 192 204	#67C0CC
50.0%	50.0% #57B4C4	RGB 87 180 196	#57B4C4
66.7%	66.7% #48A8BC	RGB 72 168 188	#48A8BC
83.3%	83.3% #3A9CB4	RGB 58 156 180	#3A9CB4
100.0%	100.0% #2D90AC	RGB 45 144 172	#2D90AC

#8AD7DC #78CBD4 #67C0CC #57B4C4 #48A8BC #3A9CB4 #2D90AC

#8AD7DC - #57B4C4 - #2D90AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8AD7DC 0%, #57B4C4 50%, #2D90AC 100%);
    background: -webkit-linear-gradient(top, #8AD7DC 0%, #57B4C4 50%, #2D90AC 100%);
    background: linear-gradient(to bottom, #8AD7DC 0%, #57B4C4 50%, #2D90AC 100%);
}
</style>