#A261A8 - #FFB0AB | 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 #A261A8 to #FFB0AB

#A261A8 #FFB0AB

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

#A261A8 - #FFB0AB | 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 #A261A8 as 0% and #FFB0AB as 100%.

0.0%	0.0% #A261A8	RGB 162 97 168	#A261A8
16.7%	16.7% #B16EA8	RGB 177 110 168	#B16EA8
33.3%	33.3% #C17BA9	RGB 193 123 169	#C17BA9
50.0%	50.0% #D088A9	RGB 208 136 169	#D088A9
66.7%	66.7% #E095AA	RGB 224 149 170	#E095AA
83.3%	83.3% #EFA2AA	RGB 239 162 170	#EFA2AA
100.0%	100.0% #FFB0AB	RGB 255 176 171	#FFB0AB

#A261A8 #B16EA8 #C17BA9 #D088A9 #E095AA #EFA2AA #FFB0AB

#A261A8 - #FFB0AB

HSV Blend

#A261A8 - #FFB0AB | 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 #A261A8 as 0% and #FFB0AB as 100%.

0.0%	0.0% #A261A8	RGB 162 97 168	#A261A8
16.7%	16.7% #B66CAE	RGB 182 108 174	#B66CAE
33.3%	33.3% #C577AE	RGB 197 119 174	#C577AE
50.0%	50.0% #D383AC	RGB 211 131 172	#D383AC
66.7%	66.7% #E290AA	RGB 226 144 170	#E290AA
83.3%	83.3% #F09DA8	RGB 240 157 168	#F09DA8
100.0%	100.0% #FFB0AB	RGB 255 176 171	#FFB0AB

#A261A8 #B66CAE #C577AE #D383AC #E290AA #F09DA8 #FFB0AB

#A261A8 - #D383AC - #FFB0AB

CSS codes

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

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