#A38CAD - #FFAFD9 | 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 #A38CAD to #FFAFD9

#A38CAD #FFAFD9

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

#A38CAD - #FFAFD9 | 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 #A38CAD as 0% and #FFAFD9 as 100%.

0.0%	0.0% #A38CAD	RGB 163 140 173	#A38CAD
16.7%	16.7% #B291B4	RGB 178 145 180	#B291B4
33.3%	33.3% #C197BB	RGB 193 151 187	#C197BB
50.0%	50.0% #D19DC3	RGB 209 157 195	#D19DC3
66.7%	66.7% #E0A3CA	RGB 224 163 202	#E0A3CA
83.3%	83.3% #EFA9D1	RGB 239 169 209	#EFA9D1
100.0%	100.0% #FFAFD9	RGB 255 175 217	#FFAFD9

#A38CAD #B291B4 #C197BB #D19DC3 #E0A3CA #EFA9D1 #FFAFD9

#A38CAD - #FFAFD9

HSV Blend

#A38CAD - #FFAFD9 | 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 #A38CAD as 0% and #FFAFD9 as 100%.

0.0%	0.0% #A38CAD	RGB 163 140 173	#A38CAD
16.7%	16.7% #B393BA	RGB 179 147 186	#B393BA
33.3%	33.3% #C699C8	RGB 198 153 200	#C699C8
50.0%	50.0% #D6A0D1	RGB 214 160 209	#D6A0D1
66.7%	66.7% #E3A5D6	RGB 227 165 214	#E3A5D6
83.3%	83.3% #F1AAD8	RGB 241 170 216	#F1AAD8
100.0%	100.0% #FFAFD9	RGB 255 175 217	#FFAFD9

#A38CAD #B393BA #C699C8 #D6A0D1 #E3A5D6 #F1AAD8 #FFAFD9

#A38CAD - #D6A0D1 - #FFAFD9

CSS codes

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

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