#AF9CD5 - #B8C5FC | 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 #AF9CD5 to #B8C5FC

#AF9CD5 #B8C5FC

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

#AF9CD5 - #B8C5FC | 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 #AF9CD5 as 0% and #B8C5FC as 100%.

0.0%	0.0% #AF9CD5	RGB 175 156 213	#AF9CD5
16.7%	16.7% #B0A2DB	RGB 176 162 219	#B0A2DB
33.3%	33.3% #B2A9E2	RGB 178 169 226	#B2A9E2
50.0%	50.0% #B3B0E8	RGB 179 176 232	#B3B0E8
66.7%	66.7% #B5B7EF	RGB 181 183 239	#B5B7EF
83.3%	83.3% #B6BEF5	RGB 182 190 245	#B6BEF5
100.0%	100.0% #B8C5FC	RGB 184 197 252	#B8C5FC

#AF9CD5 #B0A2DB #B2A9E2 #B3B0E8 #B5B7EF #B6BEF5 #B8C5FC

#AF9CD5 - #B8C5FC

HSV Blend

#AF9CD5 - #B8C5FC | 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 #AF9CD5 as 0% and #B8C5FC as 100%.

0.0%	0.0% #AF9CD5	RGB 175 156 213	#AF9CD5
16.7%	16.7% #AFA0DB	RGB 175 160 219	#AFA0DB
33.3%	33.3% #AEA5E2	RGB 174 165 226	#AEA5E2
50.0%	50.0% #AEAAE8	RGB 174 170 232	#AEAAE8
66.7%	66.7% #AEAFEF	RGB 174 175 239	#AEAFEF
83.3%	83.3% #B3BAF5	RGB 179 186 245	#B3BAF5
100.0%	100.0% #B8C5FC	RGB 184 197 252	#B8C5FC

#AF9CD5 #AFA0DB #AEA5E2 #AEAAE8 #AEAFEF #B3BAF5 #B8C5FC

#AF9CD5 - #AEAAE8 - #B8C5FC

CSS codes

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

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