#A8C2F7 - #D2DFEB | 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 #A8C2F7 to #D2DFEB

#A8C2F7 #D2DFEB

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

#A8C2F7 - #D2DFEB | 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 #A8C2F7 as 0% and #D2DFEB as 100%.

0.0%	0.0% #A8C2F7	RGB 168 194 247	#A8C2F7
16.7%	16.7% #AFC6F5	RGB 175 198 245	#AFC6F5
33.3%	33.3% #B6CBF3	RGB 182 203 243	#B6CBF3
50.0%	50.0% #BDD0F1	RGB 189 208 241	#BDD0F1
66.7%	66.7% #C4D5EF	RGB 196 213 239	#C4D5EF
83.3%	83.3% #CBDAED	RGB 203 218 237	#CBDAED
100.0%	100.0% #D2DFEB	RGB 210 223 235	#D2DFEB

#A8C2F7 #AFC6F5 #B6CBF3 #BDD0F1 #C4D5EF #CBDAED #D2DFEB

#A8C2F7 - #D2DFEB

HSV Blend

#A8C2F7 - #D2DFEB | 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 #A8C2F7 as 0% and #D2DFEB as 100%.

0.0%	0.0% #A8C2F7	RGB 168 194 247	#A8C2F7
16.7%	16.7% #AFC8F5	RGB 175 200 245	#AFC8F5
33.3%	33.3% #B6CEF3	RGB 182 206 243	#B6CEF3
50.0%	50.0% #BDD3F1	RGB 189 211 241	#BDD3F1
66.7%	66.7% #C4D7EF	RGB 196 215 239	#C4D7EF
83.3%	83.3% #CBDBED	RGB 203 219 237	#CBDBED
100.0%	100.0% #D2DFEB	RGB 210 223 235	#D2DFEB

#A8C2F7 #AFC8F5 #B6CEF3 #BDD3F1 #C4D7EF #CBDBED #D2DFEB

#A8C2F7 - #BDD3F1 - #D2DFEB

CSS codes

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

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