#AC95DB - #312A3E | 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 #AC95DB to #312A3E

#AC95DB #312A3E

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

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

0.0%	0.0% #AC95DB	RGB 172 149 219	#AC95DB
16.7%	16.7% #9783C0	RGB 151 131 192	#9783C0
33.3%	33.3% #8371A6	RGB 131 113 166	#8371A6
50.0%	50.0% #6E5F8C	RGB 110 95 140	#6E5F8C
66.7%	66.7% #5A4D72	RGB 90 77 114	#5A4D72
83.3%	83.3% #453B58	RGB 69 59 88	#453B58
100.0%	100.0% #312A3E	RGB 49 42 62	#312A3E

#AC95DB #9783C0 #8371A6 #6E5F8C #5A4D72 #453B58 #312A3E

#AC95DB - #312A3E

HSV Blend

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

0.0%	0.0% #AC95DB	RGB 172 149 219	#AC95DB
16.7%	16.7% #9783C0	RGB 151 131 192	#9783C0
33.3%	33.3% #8371A6	RGB 131 113 166	#8371A6
50.0%	50.0% #6E5F8C	RGB 110 95 140	#6E5F8C
66.7%	66.7% #5A4D72	RGB 90 77 114	#5A4D72
83.3%	83.3% #453B58	RGB 69 59 88	#453B58
100.0%	100.0% #312A3E	RGB 49 42 62	#312A3E

#AC95DB #9783C0 #8371A6 #6E5F8C #5A4D72 #453B58 #312A3E

#AC95DB - #6E5F8C - #312A3E

CSS codes

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

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