#A8C3BE - #C0DDFF | 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 #A8C3BE to #C0DDFF

#A8C3BE #C0DDFF

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

#A8C3BE - #C0DDFF | 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 #A8C3BE as 0% and #C0DDFF as 100%.

0.0%	0.0% #A8C3BE	RGB 168 195 190	#A8C3BE
16.7%	16.7% #ACC7C8	RGB 172 199 200	#ACC7C8
33.3%	33.3% #B0CBD3	RGB 176 203 211	#B0CBD3
50.0%	50.0% #B4D0DE	RGB 180 208 222	#B4D0DE
66.7%	66.7% #B8D4E9	RGB 184 212 233	#B8D4E9
83.3%	83.3% #BCD8F4	RGB 188 216 244	#BCD8F4
100.0%	100.0% #C0DDFF	RGB 192 221 255	#C0DDFF

#A8C3BE #ACC7C8 #B0CBD3 #B4D0DE #B8D4E9 #BCD8F4 #C0DDFF

#A8C3BE - #C0DDFF

HSV Blend

#A8C3BE - #C0DDFF | 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 #A8C3BE as 0% and #C0DDFF as 100%.

0.0%	0.0% #A8C3BE	RGB 168 195 190	#A8C3BE
16.7%	16.7% #ACCDCA	RGB 172 205 202	#ACCDCA
33.3%	33.3% #B1D4D7	RGB 177 212 215	#B1D4D7
50.0%	50.0% #B5D9E1	RGB 181 217 225	#B5D9E1
66.7%	66.7% #B9DCEB	RGB 185 220 235	#B9DCEB
83.3%	83.3% #BCDDF5	RGB 188 221 245	#BCDDF5
100.0%	100.0% #C0DDFF	RGB 192 221 255	#C0DDFF

#A8C3BE #ACCDCA #B1D4D7 #B5D9E1 #B9DCEB #BCDDF5 #C0DDFF

#A8C3BE - #B5D9E1 - #C0DDFF

CSS codes

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

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