#A8D0CD - #3D9E9B | 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 #A8D0CD to #3D9E9B

#A8D0CD #3D9E9B

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

#A8D0CD - #3D9E9B | 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 #A8D0CD as 0% and #3D9E9B as 100%.

0.0%	0.0% #A8D0CD	RGB 168 208 205	#A8D0CD
16.7%	16.7% #96C7C4	RGB 150 199 196	#96C7C4
33.3%	33.3% #84BFBC	RGB 132 191 188	#84BFBC
50.0%	50.0% #72B7B4	RGB 114 183 180	#72B7B4
66.7%	66.7% #60AEAB	RGB 96 174 171	#60AEAB
83.3%	83.3% #4EA6A3	RGB 78 166 163	#4EA6A3
100.0%	100.0% #3D9E9B	RGB 61 158 155	#3D9E9B

#A8D0CD #96C7C4 #84BFBC #72B7B4 #60AEAB #4EA6A3 #3D9E9B

#A8D0CD - #3D9E9B

HSV Blend

#A8D0CD - #3D9E9B | 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 #A8D0CD as 0% and #3D9E9B as 100%.

0.0%	0.0% #A8D0CD	RGB 168 208 205	#A8D0CD
16.7%	16.7% #93C7C4	RGB 147 199 196	#93C7C4
33.3%	33.3% #7FBFBB	RGB 127 191 187	#7FBFBB
50.0%	50.0% #6DB7B3	RGB 109 183 179	#6DB7B3
66.7%	66.7% #5BAEAA	RGB 91 174 170	#5BAEAA
83.3%	83.3% #4BA6A2	RGB 75 166 162	#4BA6A2
100.0%	100.0% #3D9E9B	RGB 61 158 155	#3D9E9B

#A8D0CD #93C7C4 #7FBFBB #6DB7B3 #5BAEAA #4BA6A2 #3D9E9B

#A8D0CD - #6DB7B3 - #3D9E9B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D0CD 0%, #6DB7B3 50%, #3D9E9B 100%);
    background: -webkit-linear-gradient(top, #A8D0CD 0%, #6DB7B3 50%, #3D9E9B 100%);
    background: linear-gradient(to bottom, #A8D0CD 0%, #6DB7B3 50%, #3D9E9B 100%);
}
</style>