#AF9AD5 - #322C3C | 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 #AF9AD5 to #322C3C

#AF9AD5 #322C3C

Calculate the color between two colors, #AF9AD5 and #322C3C. 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)

#AF9AD5 - #322C3C | 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 #AF9AD5 as 0% and #322C3C as 100%.

0.0%	0.0% #AF9AD5	RGB 175 154 213	#AF9AD5
16.7%	16.7% #9A87BB	RGB 154 135 187	#9A87BB
33.3%	33.3% #8575A2	RGB 133 117 162	#8575A2
50.0%	50.0% #706388	RGB 112 99 136	#706388
66.7%	66.7% #5B506F	RGB 91 80 111	#5B506F
83.3%	83.3% #463E55	RGB 70 62 85	#463E55
100.0%	100.0% #322C3C	RGB 50 44 60	#322C3C

#AF9AD5 #9A87BB #8575A2 #706388 #5B506F #463E55 #322C3C

#AF9AD5 - #322C3C

HSV Blend

#AF9AD5 - #322C3C | 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 #AF9AD5 as 0% and #322C3C as 100%.

0.0%	0.0% #AF9AD5	RGB 175 154 213	#AF9AD5
16.7%	16.7% #9A87BB	RGB 154 135 187	#9A87BB
33.3%	33.3% #8575A2	RGB 133 117 162	#8575A2
50.0%	50.0% #706388	RGB 112 99 136	#706388
66.7%	66.7% #5C516F	RGB 92 81 111	#5C516F
83.3%	83.3% #473E55	RGB 71 62 85	#473E55
100.0%	100.0% #322C3C	RGB 50 44 60	#322C3C

#AF9AD5 #9A87BB #8575A2 #706388 #5C516F #473E55 #322C3C

#AF9AD5 - #706388 - #322C3C

CSS codes

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

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