#A2B6FF - #DADCEC | 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 #A2B6FF to #DADCEC

#A2B6FF #DADCEC

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

#A2B6FF - #DADCEC | 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 #A2B6FF as 0% and #DADCEC as 100%.

0.0%	0.0% #A2B6FF	RGB 162 182 255	#A2B6FF
16.7%	16.7% #ABBCFB	RGB 171 188 251	#ABBCFB
33.3%	33.3% #B4C2F8	RGB 180 194 248	#B4C2F8
50.0%	50.0% #BEC9F5	RGB 190 201 245	#BEC9F5
66.7%	66.7% #C7CFF2	RGB 199 207 242	#C7CFF2
83.3%	83.3% #D0D5EF	RGB 208 213 239	#D0D5EF
100.0%	100.0% #DADCEC	RGB 218 220 236	#DADCEC

#A2B6FF #ABBCFB #B4C2F8 #BEC9F5 #C7CFF2 #D0D5EF #DADCEC

#A2B6FF - #DADCEC

HSV Blend

#A2B6FF - #DADCEC | 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 #A2B6FF as 0% and #DADCEC as 100%.

0.0%	0.0% #A2B5FF	RGB 162 181 255	#A2B5FF
16.7%	16.7% #ACBBFB	RGB 172 187 251	#ACBBFB
33.3%	33.3% #B5C1F8	RGB 181 193 248	#B5C1F8
50.0%	50.0% #BFC8F5	RGB 191 200 245	#BFC8F5
66.7%	66.7% #C8CEF2	RGB 200 206 242	#C8CEF2
83.3%	83.3% #D1D5EF	RGB 209 213 239	#D1D5EF
100.0%	100.0% #DADCEC	RGB 218 220 236	#DADCEC

#A2B5FF #ACBBFB #B5C1F8 #BFC8F5 #C8CEF2 #D1D5EF #DADCEC

#A2B6FF - #BFC8F5 - #DADCEC

CSS codes

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

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