#A8D5D2 - #3CA4A2 | 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 #A8D5D2 to #3CA4A2

#A8D5D2 #3CA4A2

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

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

0.0%	0.0% #A8D5D2	RGB 168 213 210	#A8D5D2
16.7%	16.7% #96CCCA	RGB 150 204 202	#96CCCA
33.3%	33.3% #84C4C2	RGB 132 196 194	#84C4C2
50.0%	50.0% #72BCBA	RGB 114 188 186	#72BCBA
66.7%	66.7% #60B4B2	RGB 96 180 178	#60B4B2
83.3%	83.3% #4EACAA	RGB 78 172 170	#4EACAA
100.0%	100.0% #3CA4A2	RGB 60 164 162	#3CA4A2

#A8D5D2 #96CCCA #84C4C2 #72BCBA #60B4B2 #4EACAA #3CA4A2

#A8D5D2 - #3CA4A2

HSV Blend

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

0.0%	0.0% #A8D5D2	RGB 168 213 210	#A8D5D2
16.7%	16.7% #93CCC9	RGB 147 204 201	#93CCC9
33.3%	33.3% #7FC4C1	RGB 127 196 193	#7FC4C1
50.0%	50.0% #6CBCB9	RGB 108 188 185	#6CBCB9
66.7%	66.7% #5BB4B1	RGB 91 180 177	#5BB4B1
83.3%	83.3% #4BACA9	RGB 75 172 169	#4BACA9
100.0%	100.0% #3CA4A2	RGB 60 164 162	#3CA4A2

#A8D5D2 #93CCC9 #7FC4C1 #6CBCB9 #5BB4B1 #4BACA9 #3CA4A2

#A8D5D2 - #6CBCB9 - #3CA4A2

CSS codes

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

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