#ADA1C5 - #F9C2FF | 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 #ADA1C5 to #F9C2FF

#ADA1C5 #F9C2FF

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

#ADA1C5 - #F9C2FF | 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 #ADA1C5 as 0% and #F9C2FF as 100%.

0.0%	0.0% #ADA1C5	RGB 173 161 197	#ADA1C5
16.7%	16.7% #B9A6CE	RGB 185 166 206	#B9A6CE
33.3%	33.3% #C6ACD8	RGB 198 172 216	#C6ACD8
50.0%	50.0% #D3B1E2	RGB 211 177 226	#D3B1E2
66.7%	66.7% #DFB7EB	RGB 223 183 235	#DFB7EB
83.3%	83.3% #ECBCF5	RGB 236 188 245	#ECBCF5
100.0%	100.0% #F9C2FF	RGB 249 194 255	#F9C2FF

#ADA1C5 #B9A6CE #C6ACD8 #D3B1E2 #DFB7EB #ECBCF5 #F9C2FF

#ADA1C5 - #F9C2FF

HSV Blend

#ADA1C5 - #F9C2FF | 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 #ADA1C5 as 0% and #F9C2FF as 100%.

0.0%	0.0% #ADA1C5	RGB 173 161 197	#ADA1C5
16.7%	16.7% #B7A6CE	RGB 183 166 206	#B7A6CE
33.3%	33.3% #C3ACD8	RGB 195 172 216	#C3ACD8
50.0%	50.0% #CFB2E2	RGB 207 178 226	#CFB2E2
66.7%	66.7% #DCB7EB	RGB 220 183 235	#DCB7EB
83.3%	83.3% #EABCF5	RGB 234 188 245	#EABCF5
100.0%	100.0% #F9C2FF	RGB 249 194 255	#F9C2FF

#ADA1C5 #B7A6CE #C3ACD8 #CFB2E2 #DCB7EB #EABCF5 #F9C2FF

#ADA1C5 - #CFB2E2 - #F9C2FF

CSS codes

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

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