#A06FAC - #FFBAAE | 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 #A06FAC to #FFBAAE

#A06FAC #FFBAAE

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

#A06FAC - #FFBAAE | 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 #A06FAC as 0% and #FFBAAE as 100%.

0.0%	0.0% #A06FAC	RGB 160 111 172	#A06FAC
16.7%	16.7% #AF7BAC	RGB 175 123 172	#AF7BAC
33.3%	33.3% #BF88AC	RGB 191 136 172	#BF88AC
50.0%	50.0% #CF94AD	RGB 207 148 173	#CF94AD
66.7%	66.7% #DFA1AD	RGB 223 161 173	#DFA1AD
83.3%	83.3% #EFADAD	RGB 239 173 173	#EFADAD
100.0%	100.0% #FFBAAE	RGB 255 186 174	#FFBAAE

#A06FAC #AF7BAC #BF88AC #CF94AD #DFA1AD #EFADAD #FFBAAE

#A06FAC - #FFBAAE

HSV Blend

#A06FAC - #FFBAAE | 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 #A06FAC as 0% and #FFBAAE as 100%.

0.0%	0.0% #A06FAC	RGB 160 111 172	#A06FAC
16.7%	16.7% #B979B8	RGB 185 121 184	#B979B8
33.3%	33.3% #C783B6	RGB 199 131 182	#C783B6
50.0%	50.0% #D58DB3	RGB 213 141 179	#D58DB3
66.7%	66.7% #E398AE	RGB 227 152 174	#E398AE
83.3%	83.3% #F1A3A9	RGB 241 163 169	#F1A3A9
100.0%	100.0% #FFBAAE	RGB 255 186 174	#FFBAAE

#A06FAC #B979B8 #C783B6 #D58DB3 #E398AE #F1A3A9 #FFBAAE

#A06FAC - #D58DB3 - #FFBAAE

CSS codes

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

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