#A8D6D8 - #CBE3C0 | 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 #A8D6D8 to #CBE3C0

#A8D6D8 #CBE3C0

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

#A8D6D8 - #CBE3C0 | 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 #A8D6D8 as 0% and #CBE3C0 as 100%.

0.0%	0.0% #A8D6D8	RGB 168 214 216	#A8D6D8
16.7%	16.7% #ADD8D4	RGB 173 216 212	#ADD8D4
33.3%	33.3% #B3DAD0	RGB 179 218 208	#B3DAD0
50.0%	50.0% #B9DCCC	RGB 185 220 204	#B9DCCC
66.7%	66.7% #BFDEC8	RGB 191 222 200	#BFDEC8
83.3%	83.3% #C5E0C4	RGB 197 224 196	#C5E0C4
100.0%	100.0% #CBE3C0	RGB 203 227 192	#CBE3C0

#A8D6D8 #ADD8D4 #B3DAD0 #B9DCCC #BFDEC8 #C5E0C4 #CBE3C0

#A8D6D8 - #CBE3C0

HSV Blend

#A8D6D8 - #CBE3C0 | 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 #A8D6D8 as 0% and #CBE3C0 as 100%.

0.0%	0.0% #A8D6D8	RGB 168 214 216	#A8D6D8
16.7%	16.7% #ABD9D1	RGB 171 217 209	#ABD9D1
33.3%	33.3% #AFDBC9	RGB 175 219 201	#AFDBC9
50.0%	50.0% #B3DDC2	RGB 179 221 194	#B3DDC2
66.7%	66.7% #B7DFBD	RGB 183 223 189	#B7DFBD
83.3%	83.3% #BFE1BB	RGB 191 225 187	#BFE1BB
100.0%	100.0% #CBE3C0	RGB 203 227 192	#CBE3C0

#A8D6D8 #ABD9D1 #AFDBC9 #B3DDC2 #B7DFBD #BFE1BB #CBE3C0

#A8D6D8 - #B3DDC2 - #CBE3C0

CSS codes

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

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