#A8B7E2 - #D5DBDF | 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 #A8B7E2 to #D5DBDF

#A8B7E2 #D5DBDF

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

#A8B7E2 - #D5DBDF | 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 #A8B7E2 as 0% and #D5DBDF as 100%.

0.0%	0.0% #A8B7E2	RGB 168 183 226	#A8B7E2
16.7%	16.7% #AFBDE1	RGB 175 189 225	#AFBDE1
33.3%	33.3% #B7C3E1	RGB 183 195 225	#B7C3E1
50.0%	50.0% #BEC9E0	RGB 190 201 224	#BEC9E0
66.7%	66.7% #C6CFE0	RGB 198 207 224	#C6CFE0
83.3%	83.3% #CDD5DF	RGB 205 213 223	#CDD5DF
100.0%	100.0% #D5DBDF	RGB 213 219 223	#D5DBDF

#A8B7E2 #AFBDE1 #B7C3E1 #BEC9E0 #C6CFE0 #CDD5DF #D5DBDF

#A8B7E2 - #D5DBDF

HSV Blend

#A8B7E2 - #D5DBDF | 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 #A8B7E2 as 0% and #D5DBDF as 100%.

0.0%	0.0% #A8B7E2	RGB 168 183 226	#A8B7E2
16.7%	16.7% #AFBFE1	RGB 175 191 225	#AFBFE1
33.3%	33.3% #B7C6E1	RGB 183 198 225	#B7C6E1
50.0%	50.0% #BECDE0	RGB 190 205 224	#BECDE0
66.7%	66.7% #C6D2E0	RGB 198 210 224	#C6D2E0
83.3%	83.3% #CDD7DF	RGB 205 215 223	#CDD7DF
100.0%	100.0% #D5DBDF	RGB 213 219 223	#D5DBDF

#A8B7E2 #AFBFE1 #B7C6E1 #BECDE0 #C6D2E0 #CDD7DF #D5DBDF

#A8B7E2 - #BECDE0 - #D5DBDF

CSS codes

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

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