#A09C9E - #DBB5E5 | 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 #A09C9E to #DBB5E5

#A09C9E #DBB5E5

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

#A09C9E - #DBB5E5 | 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 #A09C9E as 0% and #DBB5E5 as 100%.

0.0%	0.0% #A09C9E	RGB 160 156 158	#A09C9E
16.7%	16.7% #A9A0A9	RGB 169 160 169	#A9A0A9
33.3%	33.3% #B3A4B5	RGB 179 164 181	#B3A4B5
50.0%	50.0% #BDA8C1	RGB 189 168 193	#BDA8C1
66.7%	66.7% #C7ACCD	RGB 199 172 205	#C7ACCD
83.3%	83.3% #D1B0D9	RGB 209 176 217	#D1B0D9
100.0%	100.0% #DBB5E5	RGB 219 181 229	#DBB5E5

#A09C9E #A9A0A9 #B3A4B5 #BDA8C1 #C7ACCD #D1B0D9 #DBB5E5

#A09C9E - #DBB5E5

HSV Blend

#A09C9E - #DBB5E5 | 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 #A09C9E as 0% and #DBB5E5 as 100%.

0.0%	0.0% #A09C9E	RGB 160 156 158	#A09C9E
16.7%	16.7% #ABA1A7	RGB 171 161 167	#ABA1A7
33.3%	33.3% #B7A7B2	RGB 183 167 178	#B7A7B2
50.0%	50.0% #C2ABBF	RGB 194 171 191	#C2ABBF
66.7%	66.7% #CEAFCD	RGB 206 175 205	#CEAFCD
83.3%	83.3% #D5B2D9	RGB 213 178 217	#D5B2D9
100.0%	100.0% #DBB5E5	RGB 219 181 229	#DBB5E5

#A09C9E #ABA1A7 #B7A7B2 #C2ABBF #CEAFCD #D5B2D9 #DBB5E5

#A09C9E - #C2ABBF - #DBB5E5

CSS codes

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

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