#A09BA1 - #FFB6FE | 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 #A09BA1 to #FFB6FE

#A09BA1 #FFB6FE

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

#A09BA1 - #FFB6FE | 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 #A09BA1 as 0% and #FFB6FE as 100%.

0.0%	0.0% #A09BA1	RGB 160 155 161	#A09BA1
16.7%	16.7% #AF9FB0	RGB 175 159 176	#AF9FB0
33.3%	33.3% #BFA4C0	RGB 191 164 192	#BFA4C0
50.0%	50.0% #CFA8CF	RGB 207 168 207	#CFA8CF
66.7%	66.7% #DFADDF	RGB 223 173 223	#DFADDF
83.3%	83.3% #EFB1EE	RGB 239 177 238	#EFB1EE
100.0%	100.0% #FFB6FE	RGB 255 182 254	#FFB6FE

#A09BA1 #AF9FB0 #BFA4C0 #CFA8CF #DFADDF #EFB1EE #FFB6FE

#A09BA1 - #FFB6FE

HSV Blend

#A09BA1 - #FFB6FE | 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 #A09BA1 as 0% and #FFB6FE as 100%.

0.0%	0.0% #A09BA1	RGB 160 155 161	#A09BA1
16.7%	16.7% #AEA2B0	RGB 174 162 176	#AEA2B0
33.3%	33.3% #BDA9C0	RGB 189 169 192	#BDA9C0
50.0%	50.0% #CDAED0	RGB 205 174 208	#CDAED0
66.7%	66.7% #DDB2DF	RGB 221 178 223	#DDB2DF
83.3%	83.3% #EEB4EF	RGB 238 180 239	#EEB4EF
100.0%	100.0% #FFB6FE	RGB 255 182 254	#FFB6FE

#A09BA1 #AEA2B0 #BDA9C0 #CDAED0 #DDB2DF #EEB4EF #FFB6FE

#A09BA1 - #CDAED0 - #FFB6FE

CSS codes

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

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