#A8B5E4 - #D3DBE1 | 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 #A8B5E4 to #D3DBE1

#A8B5E4 #D3DBE1

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

#A8B5E4 - #D3DBE1 | 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 #A8B5E4 as 0% and #D3DBE1 as 100%.

0.0%	0.0% #A8B5E4	RGB 168 181 228	#A8B5E4
16.7%	16.7% #AFBBE3	RGB 175 187 227	#AFBBE3
33.3%	33.3% #B6C1E3	RGB 182 193 227	#B6C1E3
50.0%	50.0% #BDC8E2	RGB 189 200 226	#BDC8E2
66.7%	66.7% #C4CEE2	RGB 196 206 226	#C4CEE2
83.3%	83.3% #CBD4E1	RGB 203 212 225	#CBD4E1
100.0%	100.0% #D3DBE1	RGB 211 219 225	#D3DBE1

#A8B5E4 #AFBBE3 #B6C1E3 #BDC8E2 #C4CEE2 #CBD4E1 #D3DBE1

#A8B5E4 - #D3DBE1

HSV Blend

#A8B5E4 - #D3DBE1 | 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 #A8B5E4 as 0% and #D3DBE1 as 100%.

0.0%	0.0% #A8B5E4	RGB 168 181 228	#A8B5E4
16.7%	16.7% #AFBDE3	RGB 175 189 227	#AFBDE3
33.3%	33.3% #B6C5E3	RGB 182 197 227	#B6C5E3
50.0%	50.0% #BDCCE2	RGB 189 204 226	#BDCCE2
66.7%	66.7% #C4D2E2	RGB 196 210 226	#C4D2E2
83.3%	83.3% #CBD6E1	RGB 203 214 225	#CBD6E1
100.0%	100.0% #D3DBE1	RGB 211 219 225	#D3DBE1

#A8B5E4 #AFBDE3 #B6C5E3 #BDCCE2 #C4D2E2 #CBD6E1 #D3DBE1

#A8B5E4 - #BDCCE2 - #D3DBE1

CSS codes

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

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