#A8C2C5 - #D1CDFF | 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 #A8C2C5 to #D1CDFF

#A8C2C5 #D1CDFF

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

#A8C2C5 - #D1CDFF | 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 #A8C2C5 as 0% and #D1CDFF as 100%.

0.0%	0.0% #A8C2C5	RGB 168 194 197	#A8C2C5
16.7%	16.7% #AEC3CE	RGB 174 195 206	#AEC3CE
33.3%	33.3% #B5C5D8	RGB 181 197 216	#B5C5D8
50.0%	50.0% #BCC7E2	RGB 188 199 226	#BCC7E2
66.7%	66.7% #C3C9EB	RGB 195 201 235	#C3C9EB
83.3%	83.3% #CACBF5	RGB 202 203 245	#CACBF5
100.0%	100.0% #D1CDFF	RGB 209 205 255	#D1CDFF

#A8C2C5 #AEC3CE #B5C5D8 #BCC7E2 #C3C9EB #CACBF5 #D1CDFF

#A8C2C5 - #D1CDFF

HSV Blend

#A8C2C5 - #D1CDFF | 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 #A8C2C5 as 0% and #D1CDFF as 100%.

0.0%	0.0% #A8C2C5	RGB 168 194 197	#A8C2C5
16.7%	16.7% #AEC6CE	RGB 174 198 206	#AEC6CE
33.3%	33.3% #B4C9D8	RGB 180 201 216	#B4C9D8
50.0%	50.0% #BBCBE2	RGB 187 203 226	#BBCBE2
66.7%	66.7% #C1CBEB	RGB 193 203 235	#C1CBEB
83.3%	83.3% #C7CBF5	RGB 199 203 245	#C7CBF5
100.0%	100.0% #D1CDFF	RGB 209 205 255	#D1CDFF

#A8C2C5 #AEC6CE #B4C9D8 #BBCBE2 #C1CBEB #C7CBF5 #D1CDFF

#A8C2C5 - #BBCBE2 - #D1CDFF

CSS codes

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

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