#A2B2AD - #D9AFFF | 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 #A2B2AD to #D9AFFF

#A2B2AD #D9AFFF

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

#A2B2AD - #D9AFFF | 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 #A2B2AD as 0% and #D9AFFF as 100%.

0.0%	0.0% #A2B2AD	RGB 162 178 173	#A2B2AD
16.7%	16.7% #ABB1BA	RGB 171 177 186	#ABB1BA
33.3%	33.3% #B4B1C8	RGB 180 177 200	#B4B1C8
50.0%	50.0% #BDB0D6	RGB 189 176 214	#BDB0D6
66.7%	66.7% #C6B0E3	RGB 198 176 227	#C6B0E3
83.3%	83.3% #CFAFF1	RGB 207 175 241	#CFAFF1
100.0%	100.0% #D9AFFF	RGB 217 175 255	#D9AFFF

#A2B2AD #ABB1BA #B4B1C8 #BDB0D6 #C6B0E3 #CFAFF1 #D9AFFF

#A2B2AD - #D9AFFF

HSV Blend

#A2B2AD - #D9AFFF | 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 #A2B2AD as 0% and #D9AFFF as 100%.

0.0%	0.0% #A2B2AD	RGB 162 178 173	#A2B2AD
16.7%	16.7% #A6BEBE	RGB 166 190 190	#A6BEBE
33.3%	33.3% #AAC1CB	RGB 170 193 203	#AAC1CB
50.0%	50.0% #ACBED8	RGB 172 190 216	#ACBED8
66.7%	66.7% #AEB3E5	RGB 174 179 229	#AEB3E5
83.3%	83.3% #BDAFF2	RGB 189 175 242	#BDAFF2
100.0%	100.0% #D9AFFF	RGB 217 175 255	#D9AFFF

#A2B2AD #A6BEBE #AAC1CB #ACBED8 #AEB3E5 #BDAFF2 #D9AFFF

#A2B2AD - #ACBED8 - #D9AFFF

CSS codes

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

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