#A4B5E3 - #D3DAE0 | 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 #A4B5E3 to #D3DAE0

#A4B5E3 #D3DAE0

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

#A4B5E3 - #D3DAE0 | 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 #A4B5E3 as 0% and #D3DAE0 as 100%.

0.0%	0.0% #A4B5E3	RGB 164 181 227	#A4B5E3
16.7%	16.7% #ABBBE2	RGB 171 187 226	#ABBBE2
33.3%	33.3% #B3C1E2	RGB 179 193 226	#B3C1E2
50.0%	50.0% #BBC7E1	RGB 187 199 225	#BBC7E1
66.7%	66.7% #C3CDE1	RGB 195 205 225	#C3CDE1
83.3%	83.3% #CBD3E0	RGB 203 211 224	#CBD3E0
100.0%	100.0% #D3DAE0	RGB 211 218 224	#D3DAE0

#A4B5E3 #ABBBE2 #B3C1E2 #BBC7E1 #C3CDE1 #CBD3E0 #D3DAE0

#A4B5E3 - #D3DAE0

HSV Blend

#A4B5E3 - #D3DAE0 | 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 #A4B5E3 as 0% and #D3DAE0 as 100%.

0.0%	0.0% #A4B5E3	RGB 164 181 227	#A4B5E3
16.7%	16.7% #ABBDE2	RGB 171 189 226	#ABBDE2
33.3%	33.3% #B3C4E2	RGB 179 196 226	#B3C4E2
50.0%	50.0% #BBCAE1	RGB 187 202 225	#BBCAE1
66.7%	66.7% #C3D0E1	RGB 195 208 225	#C3D0E1
83.3%	83.3% #CBD5E0	RGB 203 213 224	#CBD5E0
100.0%	100.0% #D3DAE0	RGB 211 218 224	#D3DAE0

#A4B5E3 #ABBDE2 #B3C4E2 #BBCAE1 #C3D0E1 #CBD5E0 #D3DAE0

#A4B5E3 - #BBCAE1 - #D3DAE0

CSS codes

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

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