#A8CCC0 - #3C997C | 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 #A8CCC0 to #3C997C

#A8CCC0 #3C997C

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

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

0.0%	0.0% #A8CCC0	RGB 168 204 192	#A8CCC0
16.7%	16.7% #96C3B4	RGB 150 195 180	#96C3B4
33.3%	33.3% #84BBA9	RGB 132 187 169	#84BBA9
50.0%	50.0% #72B29E	RGB 114 178 158	#72B29E
66.7%	66.7% #60AA92	RGB 96 170 146	#60AA92
83.3%	83.3% #4EA187	RGB 78 161 135	#4EA187
100.0%	100.0% #3C997C	RGB 60 153 124	#3C997C

#A8CCC0 #96C3B4 #84BBA9 #72B29E #60AA92 #4EA187 #3C997C

#A8CCC0 - #3C997C

HSV Blend

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

0.0%	0.0% #A8CCC0	RGB 168 204 192	#A8CCC0
16.7%	16.7% #92C3B3	RGB 146 195 179	#92C3B3
33.3%	33.3% #7FBBA7	RGB 127 187 167	#7FBBA7
50.0%	50.0% #6CB29B	RGB 108 178 155	#6CB29B
66.7%	66.7% #5BAA90	RGB 91 170 144	#5BAA90
83.3%	83.3% #4AA186	RGB 74 161 134	#4AA186
100.0%	100.0% #3C997C	RGB 60 153 124	#3C997C

#A8CCC0 #92C3B3 #7FBBA7 #6CB29B #5BAA90 #4AA186 #3C997C

#A8CCC0 - #6CB29B - #3C997C

CSS codes

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

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