#8DCED2 - #3C9BAB | 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 #8DCED2 to #3C9BAB

#8DCED2 #3C9BAB

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

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

0.0%	0.0% #8DCED2	RGB 141 206 210	#8DCED2
16.7%	16.7% #7FC5CB	RGB 127 197 203	#7FC5CB
33.3%	33.3% #72BDC5	RGB 114 189 197	#72BDC5
50.0%	50.0% #64B4BE	RGB 100 180 190	#64B4BE
66.7%	66.7% #57ACB8	RGB 87 172 184	#57ACB8
83.3%	83.3% #49A3B1	RGB 73 163 177	#49A3B1
100.0%	100.0% #3C9BAB	RGB 60 155 171	#3C9BAB

#8DCED2 #7FC5CB #72BDC5 #64B4BE #57ACB8 #49A3B1 #3C9BAB

#8DCED2 - #3C9BAB

HSV Blend

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

0.0%	0.0% #8DCED2	RGB 141 206 210	#8DCED2
16.7%	16.7% #7DC5CB	RGB 125 197 203	#7DC5CB
33.3%	33.3% #6FBDC5	RGB 111 189 197	#6FBDC5
50.0%	50.0% #61B5BE	RGB 97 181 190	#61B5BE
66.7%	66.7% #54ACB8	RGB 84 172 184	#54ACB8
83.3%	83.3% #47A3B1	RGB 71 163 177	#47A3B1
100.0%	100.0% #3C9BAB	RGB 60 155 171	#3C9BAB

#8DCED2 #7DC5CB #6FBDC5 #61B5BE #54ACB8 #47A3B1 #3C9BAB

#8DCED2 - #61B5BE - #3C9BAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DCED2 0%, #61B5BE 50%, #3C9BAB 100%);
    background: -webkit-linear-gradient(top, #8DCED2 0%, #61B5BE 50%, #3C9BAB 100%);
    background: linear-gradient(to bottom, #8DCED2 0%, #61B5BE 50%, #3C9BAB 100%);
}
</style>