#AFA6B8 - #FFC5FD | 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 #AFA6B8 to #FFC5FD

#AFA6B8 #FFC5FD

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

#AFA6B8 - #FFC5FD | 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 #AFA6B8 as 0% and #FFC5FD as 100%.

0.0%	0.0% #AFA6B8	RGB 175 166 184	#AFA6B8
16.7%	16.7% #BCABC3	RGB 188 171 195	#BCABC3
33.3%	33.3% #C9B0CF	RGB 201 176 207	#C9B0CF
50.0%	50.0% #D7B5DA	RGB 215 181 218	#D7B5DA
66.7%	66.7% #E4BAE6	RGB 228 186 230	#E4BAE6
83.3%	83.3% #F1BFF1	RGB 241 191 241	#F1BFF1
100.0%	100.0% #FFC5FD	RGB 255 197 253	#FFC5FD

#AFA6B8 #BCABC3 #C9B0CF #D7B5DA #E4BAE6 #F1BFF1 #FFC5FD

#AFA6B8 - #FFC5FD

HSV Blend

#AFA6B8 - #FFC5FD | 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 #AFA6B8 as 0% and #FFC5FD as 100%.

0.0%	0.0% #AFA6B8	RGB 175 166 184	#AFA6B8
16.7%	16.7% #BAACC3	RGB 186 172 195	#BAACC3
33.3%	33.3% #C6B2CF	RGB 198 178 207	#C6B2CF
50.0%	50.0% #D3B7DB	RGB 211 183 219	#D3B7DB
66.7%	66.7% #E1BCE7	RGB 225 188 231	#E1BCE7
83.3%	83.3% #F0C1F3	RGB 240 193 243	#F0C1F3
100.0%	100.0% #FFC5FD	RGB 255 197 253	#FFC5FD

#AFA6B8 #BAACC3 #C6B2CF #D3B7DB #E1BCE7 #F0C1F3 #FFC5FD

#AFA6B8 - #D3B7DB - #FFC5FD

CSS codes

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

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