#A8D6B6 - #C6FFEE | 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 #A8D6B6 to #C6FFEE

#A8D6B6 #C6FFEE

Calculate the color between two colors, #A8D6B6 and #C6FFEE. 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)

#A8D6B6 - #C6FFEE | 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 #A8D6B6 as 0% and #C6FFEE as 100%.

0.0%	0.0% #A8D6B6	RGB 168 214 182	#A8D6B6
16.7%	16.7% #ADDCBF	RGB 173 220 191	#ADDCBF
33.3%	33.3% #B2E3C8	RGB 178 227 200	#B2E3C8
50.0%	50.0% #B7EAD2	RGB 183 234 210	#B7EAD2
66.7%	66.7% #BCF1DB	RGB 188 241 219	#BCF1DB
83.3%	83.3% #C1F8E4	RGB 193 248 228	#C1F8E4
100.0%	100.0% #C6FFEE	RGB 198 255 238	#C6FFEE

#A8D6B6 #ADDCBF #B2E3C8 #B7EAD2 #BCF1DB #C1F8E4 #C6FFEE

#A8D6B6 - #C6FFEE

HSV Blend

#A8D6B6 - #C6FFEE | 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 #A8D6B6 as 0% and #C6FFEE as 100%.

0.0%	0.0% #A8D6B6	RGB 168 214 182	#A8D6B6
16.7%	16.7% #ADDCBE	RGB 173 220 190	#ADDCBE
33.3%	33.3% #B2E3C7	RGB 178 227 199	#B2E3C7
50.0%	50.0% #B7EAD0	RGB 183 234 208	#B7EAD0
66.7%	66.7% #BCF1DA	RGB 188 241 218	#BCF1DA
83.3%	83.3% #C1F8E4	RGB 193 248 228	#C1F8E4
100.0%	100.0% #C6FFEE	RGB 198 255 238	#C6FFEE

#A8D6B6 #ADDCBE #B2E3C7 #B7EAD0 #BCF1DA #C1F8E4 #C6FFEE

#A8D6B6 - #B7EAD0 - #C6FFEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D6B6 0%, #B7EAD0 50%, #C6FFEE 100%);
    background: -webkit-linear-gradient(top, #A8D6B6 0%, #B7EAD0 50%, #C6FFEE 100%);
    background: linear-gradient(to bottom, #A8D6B6 0%, #B7EAD0 50%, #C6FFEE 100%);
}
</style>