#A8CCCC - #3C9999 | 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 #A8CCCC to #3C9999

#A8CCCC #3C9999

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

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

0.0%	0.0% #A8CCCC	RGB 168 204 204	#A8CCCC
16.7%	16.7% #96C3C3	RGB 150 195 195	#96C3C3
33.3%	33.3% #84BBBB	RGB 132 187 187	#84BBBB
50.0%	50.0% #72B2B2	RGB 114 178 178	#72B2B2
66.7%	66.7% #60AAAA	RGB 96 170 170	#60AAAA
83.3%	83.3% #4EA1A1	RGB 78 161 161	#4EA1A1
100.0%	100.0% #3C9999	RGB 60 153 153	#3C9999

#A8CCCC #96C3C3 #84BBBB #72B2B2 #60AAAA #4EA1A1 #3C9999

#A8CCCC - #3C9999

HSV Blend

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

0.0%	0.0% #A8CCCC	RGB 168 204 204	#A8CCCC
16.7%	16.7% #92C3C3	RGB 146 195 195	#92C3C3
33.3%	33.3% #7FBBBB	RGB 127 187 187	#7FBBBB
50.0%	50.0% #6CB2B2	RGB 108 178 178	#6CB2B2
66.7%	66.7% #5BAAAA	RGB 91 170 170	#5BAAAA
83.3%	83.3% #4AA1A1	RGB 74 161 161	#4AA1A1
100.0%	100.0% #3C9999	RGB 60 153 153	#3C9999

#A8CCCC #92C3C3 #7FBBBB #6CB2B2 #5BAAAA #4AA1A1 #3C9999

#A8CCCC - #6CB2B2 - #3C9999

CSS codes

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

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