#A2BFD8 - #C0E2C0 | 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 #A2BFD8 to #C0E2C0

#A2BFD8 #C0E2C0

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

#A2BFD8 - #C0E2C0 | 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 #A2BFD8 as 0% and #C0E2C0 as 100%.

0.0%	0.0% #A2BFD8	RGB 162 191 216	#A2BFD8
16.7%	16.7% #A7C4D4	RGB 167 196 212	#A7C4D4
33.3%	33.3% #ACCAD0	RGB 172 202 208	#ACCAD0
50.0%	50.0% #B1D0CC	RGB 177 208 204	#B1D0CC
66.7%	66.7% #B6D6C8	RGB 182 214 200	#B6D6C8
83.3%	83.3% #BBDCC4	RGB 187 220 196	#BBDCC4
100.0%	100.0% #C0E2C0	RGB 192 226 192	#C0E2C0

#A2BFD8 #A7C4D4 #ACCAD0 #B1D0CC #B6D6C8 #BBDCC4 #C0E2C0

#A2BFD8 - #C0E2C0

HSV Blend

#A2BFD8 - #C0E2C0 | 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 #A2BFD8 as 0% and #C0E2C0 as 100%.

0.0%	0.0% #A2BFD8	RGB 162 191 216	#A2BFD8
16.7%	16.7% #A6CED9	RGB 166 206 217	#A6CED9
33.3%	33.3% #ABDBDA	RGB 171 219 218	#ABDBDA
50.0%	50.0% #B0DDD1	RGB 176 221 209	#B0DDD1
66.7%	66.7% #B5DEC9	RGB 181 222 201	#B5DEC9
83.3%	83.3% #BAE0C3	RGB 186 224 195	#BAE0C3
100.0%	100.0% #C0E2C0	RGB 192 226 192	#C0E2C0

#A2BFD8 #A6CED9 #ABDBDA #B0DDD1 #B5DEC9 #BAE0C3 #C0E2C0

#A2BFD8 - #B0DDD1 - #C0E2C0

CSS codes

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

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