#A8D0CB - #3E9D98 | 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 #A8D0CB to #3E9D98

#A8D0CB #3E9D98

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

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

0.0%	0.0% #A8D0CB	RGB 168 208 203	#A8D0CB
16.7%	16.7% #96C7C2	RGB 150 199 194	#96C7C2
33.3%	33.3% #84BFBA	RGB 132 191 186	#84BFBA
50.0%	50.0% #73B6B1	RGB 115 182 177	#73B6B1
66.7%	66.7% #61AEA9	RGB 97 174 169	#61AEA9
83.3%	83.3% #4FA5A0	RGB 79 165 160	#4FA5A0
100.0%	100.0% #3E9D98	RGB 62 157 152	#3E9D98

#A8D0CB #96C7C2 #84BFBA #73B6B1 #61AEA9 #4FA5A0 #3E9D98

#A8D0CB - #3E9D98

HSV Blend

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

0.0%	0.0% #A8D0CB	RGB 168 208 203	#A8D0CB
16.7%	16.7% #93C7C1	RGB 147 199 193	#93C7C1
33.3%	33.3% #7FBFB8	RGB 127 191 184	#7FBFB8
50.0%	50.0% #6DB6B0	RGB 109 182 176	#6DB6B0
66.7%	66.7% #5CAEA7	RGB 92 174 167	#5CAEA7
83.3%	83.3% #4CA59F	RGB 76 165 159	#4CA59F
100.0%	100.0% #3E9D98	RGB 62 157 152	#3E9D98

#A8D0CB #93C7C1 #7FBFB8 #6DB6B0 #5CAEA7 #4CA59F #3E9D98

#A8D0CB - #6DB6B0 - #3E9D98

CSS codes

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

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