#A8BAEB - #D3DCE5 | 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 #A8BAEB to #D3DCE5

#A8BAEB #D3DCE5

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

#A8BAEB - #D3DCE5 | 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 #A8BAEB as 0% and #D3DCE5 as 100%.

0.0%	0.0% #A8BAEB	RGB 168 186 235	#A8BAEB
16.7%	16.7% #AFBFEA	RGB 175 191 234	#AFBFEA
33.3%	33.3% #B6C5E9	RGB 182 197 233	#B6C5E9
50.0%	50.0% #BDCBE8	RGB 189 203 232	#BDCBE8
66.7%	66.7% #C4D0E7	RGB 196 208 231	#C4D0E7
83.3%	83.3% #CBD6E6	RGB 203 214 230	#CBD6E6
100.0%	100.0% #D3DCE5	RGB 211 220 229	#D3DCE5

#A8BAEB #AFBFEA #B6C5E9 #BDCBE8 #C4D0E7 #CBD6E6 #D3DCE5

#A8BAEB - #D3DCE5

HSV Blend

#A8BAEB - #D3DCE5 | 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 #A8BAEB as 0% and #D3DCE5 as 100%.

0.0%	0.0% #A8BAEB	RGB 168 186 235	#A8BAEB
16.7%	16.7% #AFC1EA	RGB 175 193 234	#AFC1EA
33.3%	33.3% #B6C8E9	RGB 182 200 233	#B6C8E9
50.0%	50.0% #BDCEE8	RGB 189 206 232	#BDCEE8
66.7%	66.7% #C4D3E7	RGB 196 211 231	#C4D3E7
83.3%	83.3% #CCD8E6	RGB 204 216 230	#CCD8E6
100.0%	100.0% #D3DCE5	RGB 211 220 229	#D3DCE5

#A8BAEB #AFC1EA #B6C8E9 #BDCEE8 #C4D3E7 #CCD8E6 #D3DCE5

#A8BAEB - #BDCEE8 - #D3DCE5

CSS codes

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

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