#8DC4DA - #3E8DB9 | 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 #8DC4DA to #3E8DB9

#8DC4DA #3E8DB9

Calculate the color between two colors, #8DC4DA and #3E8DB9. 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)

#8DC4DA - #3E8DB9 | 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 #8DC4DA as 0% and #3E8DB9 as 100%.

0.0%	0.0% #8DC4DA	RGB 141 196 218	#8DC4DA
16.7%	16.7% #7FBAD4	RGB 127 186 212	#7FBAD4
33.3%	33.3% #72B1CF	RGB 114 177 207	#72B1CF
50.0%	50.0% #65A8C9	RGB 101 168 201	#65A8C9
66.7%	66.7% #589FC4	RGB 88 159 196	#589FC4
83.3%	83.3% #4B96BE	RGB 75 150 190	#4B96BE
100.0%	100.0% #3E8DB9	RGB 62 141 185	#3E8DB9

#8DC4DA #7FBAD4 #72B1CF #65A8C9 #589FC4 #4B96BE #3E8DB9

#8DC4DA - #3E8DB9

HSV Blend

#8DC4DA - #3E8DB9 | 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 #8DC4DA as 0% and #3E8DB9 as 100%.

0.0%	0.0% #8DC4DA	RGB 141 196 218	#8DC4DA
16.7%	16.7% #7EBAD4	RGB 126 186 212	#7EBAD4
33.3%	33.3% #70B1CF	RGB 112 177 207	#70B1CF
50.0%	50.0% #62A8C9	RGB 98 168 201	#62A8C9
66.7%	66.7% #569FC4	RGB 86 159 196	#569FC4
83.3%	83.3% #4996BE	RGB 73 150 190	#4996BE
100.0%	100.0% #3E8DB9	RGB 62 141 185	#3E8DB9

#8DC4DA #7EBAD4 #70B1CF #62A8C9 #569FC4 #4996BE #3E8DB9

#8DC4DA - #62A8C9 - #3E8DB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DC4DA 0%, #62A8C9 50%, #3E8DB9 100%);
    background: -webkit-linear-gradient(top, #8DC4DA 0%, #62A8C9 50%, #3E8DB9 100%);
    background: linear-gradient(to bottom, #8DC4DA 0%, #62A8C9 50%, #3E8DB9 100%);
}
</style>