#AD8CAB - #FFAFBC | 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 #AD8CAB to #FFAFBC

#AD8CAB #FFAFBC

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

#AD8CAB - #FFAFBC | 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 #AD8CAB as 0% and #FFAFBC as 100%.

0.0%	0.0% #AD8CAB	RGB 173 140 171	#AD8CAB
16.7%	16.7% #BA91AD	RGB 186 145 173	#BA91AD
33.3%	33.3% #C897B0	RGB 200 151 176	#C897B0
50.0%	50.0% #D69DB3	RGB 214 157 179	#D69DB3
66.7%	66.7% #E3A3B6	RGB 227 163 182	#E3A3B6
83.3%	83.3% #F1A9B9	RGB 241 169 185	#F1A9B9
100.0%	100.0% #FFAFBC	RGB 255 175 188	#FFAFBC

#AD8CAB #BA91AD #C897B0 #D69DB3 #E3A3B6 #F1A9B9 #FFAFBC

#AD8CAB - #FFAFBC

HSV Blend

#AD8CAB - #FFAFBC | 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 #AD8CAB as 0% and #FFAFBC as 100%.

0.0%	0.0% #AD8CAB	RGB 173 140 171	#AD8CAB
16.7%	16.7% #BA93B3	RGB 186 147 179	#BA93B3
33.3%	33.3% #C899B9	RGB 200 153 185	#C899B9
50.0%	50.0% #D6A0BD	RGB 214 160 189	#D6A0BD
66.7%	66.7% #E3A5BF	RGB 227 165 191	#E3A5BF
83.3%	83.3% #F1AABF	RGB 241 170 191	#F1AABF
100.0%	100.0% #FFAFBC	RGB 255 175 188	#FFAFBC

#AD8CAB #BA93B3 #C899B9 #D6A0BD #E3A5BF #F1AABF #FFAFBC

#AD8CAB - #D6A0BD - #FFAFBC

CSS codes

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

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