#A8AFEB - #CBD9E6 | 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 #A8AFEB to #CBD9E6

#A8AFEB #CBD9E6

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

#A8AFEB - #CBD9E6 | 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 #A8AFEB as 0% and #CBD9E6 as 100%.

0.0%	0.0% #A8AFEB	RGB 168 175 235	#A8AFEB
16.7%	16.7% #ADB6EA	RGB 173 182 234	#ADB6EA
33.3%	33.3% #B3BDE9	RGB 179 189 233	#B3BDE9
50.0%	50.0% #B9C4E8	RGB 185 196 232	#B9C4E8
66.7%	66.7% #BFCBE7	RGB 191 203 231	#BFCBE7
83.3%	83.3% #C5D2E6	RGB 197 210 230	#C5D2E6
100.0%	100.0% #CBD9E6	RGB 203 217 230	#CBD9E6

#A8AFEB #ADB6EA #B3BDE9 #B9C4E8 #BFCBE7 #C5D2E6 #CBD9E6

#A8AFEB - #CBD9E6

HSV Blend

#A8AFEB - #CBD9E6 | 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 #A8AFEB as 0% and #CBD9E6 as 100%.

0.0%	0.0% #A8AFEB	RGB 168 175 235	#A8AFEB
16.7%	16.7% #ADB8EA	RGB 173 184 234	#ADB8EA
33.3%	33.3% #B3C0E9	RGB 179 192 233	#B3C0E9
50.0%	50.0% #B9C8E8	RGB 185 200 232	#B9C8E8
66.7%	66.7% #BFCEE7	RGB 191 206 231	#BFCEE7
83.3%	83.3% #C5D4E6	RGB 197 212 230	#C5D4E6
100.0%	100.0% #CBD9E6	RGB 203 217 230	#CBD9E6

#A8AFEB #ADB8EA #B3C0E9 #B9C8E8 #BFCEE7 #C5D4E6 #CBD9E6

#A8AFEB - #B9C8E8 - #CBD9E6

CSS codes

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

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