#A39EB6 - #FFB1BA | 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 #A39EB6 to #FFB1BA

#A39EB6 #FFB1BA

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

#A39EB6 - #FFB1BA | 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 #A39EB6 as 0% and #FFB1BA as 100%.

0.0%	0.0% #A39EB6	RGB 163 158 182	#A39EB6
16.7%	16.7% #B2A1B6	RGB 178 161 182	#B2A1B6
33.3%	33.3% #C1A4B7	RGB 193 164 183	#C1A4B7
50.0%	50.0% #D1A7B8	RGB 209 167 184	#D1A7B8
66.7%	66.7% #E0AAB8	RGB 224 170 184	#E0AAB8
83.3%	83.3% #EFADB9	RGB 239 173 185	#EFADB9
100.0%	100.0% #FFB1BA	RGB 255 177 186	#FFB1BA

#A39EB6 #B2A1B6 #C1A4B7 #D1A7B8 #E0AAB8 #EFADB9 #FFB1BA

#A39EB6 - #FFB1BA

HSV Blend

#A39EB6 - #FFB1BA | 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 #A39EB6 as 0% and #FFB1BA as 100%.

0.0%	0.0% #A39EB6	RGB 163 158 182	#A39EB6
16.7%	16.7% #B2A2C2	RGB 178 162 194	#B2A2C2
33.3%	33.3% #C5A7CE	RGB 197 167 206	#C5A7CE
50.0%	50.0% #DAAAD8	RGB 218 170 216	#DAAAD8
66.7%	66.7% #E6ADD4	RGB 230 173 212	#E6ADD4
83.3%	83.3% #F2AFCA	RGB 242 175 202	#F2AFCA
100.0%	100.0% #FFB1BA	RGB 255 177 186	#FFB1BA

#A39EB6 #B2A2C2 #C5A7CE #DAAAD8 #E6ADD4 #F2AFCA #FFB1BA

#A39EB6 - #DAAAD8 - #FFB1BA

CSS codes

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

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