#A09C9C - #E5B5E1 | 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 #A09C9C to #E5B5E1

#A09C9C #E5B5E1

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

#A09C9C - #E5B5E1 | 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 #A09C9C as 0% and #E5B5E1 as 100%.

0.0%	0.0% #A09C9C	RGB 160 156 156	#A09C9C
16.7%	16.7% #ABA0A7	RGB 171 160 167	#ABA0A7
33.3%	33.3% #B7A4B3	RGB 183 164 179	#B7A4B3
50.0%	50.0% #C2A8BE	RGB 194 168 190	#C2A8BE
66.7%	66.7% #CEACCA	RGB 206 172 202	#CEACCA
83.3%	83.3% #D9B0D5	RGB 217 176 213	#D9B0D5
100.0%	100.0% #E5B5E1	RGB 229 181 225	#E5B5E1

#A09C9C #ABA0A7 #B7A4B3 #C2A8BE #CEACCA #D9B0D5 #E5B5E1

#A09C9C - #E5B5E1

HSV Blend

#A09C9C - #E5B5E1 | 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 #A09C9C as 0% and #E5B5E1 as 100%.

0.0%	0.0% #A09C9C	RGB 160 156 156	#A09C9C
16.7%	16.7% #ABA1A3	RGB 171 161 163	#ABA1A3
33.3%	33.3% #B7A7AC	RGB 183 167 172	#B7A7AC
50.0%	50.0% #C2ABB6	RGB 194 171 182	#C2ABB6
66.7%	66.7% #CEAFC2	RGB 206 175 194	#CEAFC2
83.3%	83.3% #D9B2D0	RGB 217 178 208	#D9B2D0
100.0%	100.0% #E5B5E1	RGB 229 181 225	#E5B5E1

#A09C9C #ABA1A3 #B7A7AC #C2ABB6 #CEAFC2 #D9B2D0 #E5B5E1

#A09C9C - #C2ABB6 - #E5B5E1

CSS codes

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

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