#AF9CD9 - #312C3E | 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 #AF9CD9 to #312C3E

#AF9CD9 #312C3E

Calculate the color between two colors, #AF9CD9 and #312C3E. 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)

#AF9CD9 - #312C3E | 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 #AF9CD9 as 0% and #312C3E as 100%.

0.0%	0.0% #AF9CD9	RGB 175 156 217	#AF9CD9
16.7%	16.7% #9A89BF	RGB 154 137 191	#9A89BF
33.3%	33.3% #8576A5	RGB 133 118 165	#8576A5
50.0%	50.0% #70648B	RGB 112 100 139	#70648B
66.7%	66.7% #5B5171	RGB 91 81 113	#5B5171
83.3%	83.3% #463E57	RGB 70 62 87	#463E57
100.0%	100.0% #312C3E	RGB 49 44 62	#312C3E

#AF9CD9 #9A89BF #8576A5 #70648B #5B5171 #463E57 #312C3E

#AF9CD9 - #312C3E

HSV Blend

#AF9CD9 - #312C3E | 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 #AF9CD9 as 0% and #312C3E as 100%.

0.0%	0.0% #AF9CD9	RGB 175 156 217	#AF9CD9
16.7%	16.7% #9989BF	RGB 153 137 191	#9989BF
33.3%	33.3% #8476A5	RGB 132 118 165	#8476A5
50.0%	50.0% #6F638B	RGB 111 99 139	#6F638B
66.7%	66.7% #5A5171	RGB 90 81 113	#5A5171
83.3%	83.3% #453E57	RGB 69 62 87	#453E57
100.0%	100.0% #312C3E	RGB 49 44 62	#312C3E

#AF9CD9 #9989BF #8476A5 #6F638B #5A5171 #453E57 #312C3E

#AF9CD9 - #6F638B - #312C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9CD9 0%, #6F638B 50%, #312C3E 100%);
    background: -webkit-linear-gradient(top, #AF9CD9 0%, #6F638B 50%, #312C3E 100%);
    background: linear-gradient(to bottom, #AF9CD9 0%, #6F638B 50%, #312C3E 100%);
}
</style>