#A0849B - #FFA2B2 | 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 #A0849B to #FFA2B2

#A0849B #FFA2B2

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

#A0849B - #FFA2B2 | 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 #A0849B as 0% and #FFA2B2 as 100%.

0.0%	0.0% #A0849B	RGB 160 132 155	#A0849B
16.7%	16.7% #AF899E	RGB 175 137 158	#AF899E
33.3%	33.3% #BF8EA2	RGB 191 142 162	#BF8EA2
50.0%	50.0% #CF93A6	RGB 207 147 166	#CF93A6
66.7%	66.7% #DF98AA	RGB 223 152 170	#DF98AA
83.3%	83.3% #EF9DAE	RGB 239 157 174	#EF9DAE
100.0%	100.0% #FFA2B2	RGB 255 162 178	#FFA2B2

#A0849B #AF899E #BF8EA2 #CF93A6 #DF98AA #EF9DAE #FFA2B2

#A0849B - #FFA2B2

HSV Blend

#A0849B - #FFA2B2 | 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 #A0849B as 0% and #FFA2B2 as 100%.

0.0%	0.0% #A0849B	RGB 160 132 155	#A0849B
16.7%	16.7% #AF8BA5	RGB 175 139 165	#AF8BA5
33.3%	33.3% #BF92AD	RGB 191 146 173	#BF92AD
50.0%	50.0% #CF97B3	RGB 207 151 179	#CF97B3
66.7%	66.7% #DF9CB6	RGB 223 156 182	#DF9CB6
83.3%	83.3% #EF9FB5	RGB 239 159 181	#EF9FB5
100.0%	100.0% #FFA2B2	RGB 255 162 178	#FFA2B2

#A0849B #AF8BA5 #BF92AD #CF97B3 #DF9CB6 #EF9FB5 #FFA2B2

#A0849B - #CF97B3 - #FFA2B2

CSS codes

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

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