#AC7DA7 - #31232F | 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 #AC7DA7 to #31232F

#AC7DA7 #31232F

Calculate the color between two colors, #AC7DA7 and #31232F. 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)

#AC7DA7 - #31232F | 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 #AC7DA7 as 0% and #31232F as 100%.

0.0%	0.0% #AC7DA7	RGB 172 125 167	#AC7DA7
16.7%	16.7% #976E93	RGB 151 110 147	#976E93
33.3%	33.3% #835F7F	RGB 131 95 127	#835F7F
50.0%	50.0% #6E506B	RGB 110 80 107	#6E506B
66.7%	66.7% #5A4157	RGB 90 65 87	#5A4157
83.3%	83.3% #453243	RGB 69 50 67	#453243
100.0%	100.0% #31232F	RGB 49 35 47	#31232F

#AC7DA7 #976E93 #835F7F #6E506B #5A4157 #453243 #31232F

#AC7DA7 - #31232F

HSV Blend

#AC7DA7 - #31232F | 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 #AC7DA7 as 0% and #31232F as 100%.

0.0%	0.0% #AC7DA7	RGB 172 125 167	#AC7DA7
16.7%	16.7% #976D92	RGB 151 109 146	#976D92
33.3%	33.3% #835E7E	RGB 131 94 126	#835E7E
50.0%	50.0% #6E4F6A	RGB 110 79 106	#6E4F6A
66.7%	66.7% #5A4056	RGB 90 64 86	#5A4056
83.3%	83.3% #453142	RGB 69 49 66	#453142
100.0%	100.0% #31232F	RGB 49 35 47	#31232F

#AC7DA7 #976D92 #835E7E #6E4F6A #5A4056 #453142 #31232F

#AC7DA7 - #6E4F6A - #31232F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC7DA7 0%, #6E4F6A 50%, #31232F 100%);
    background: -webkit-linear-gradient(top, #AC7DA7 0%, #6E4F6A 50%, #31232F 100%);
    background: linear-gradient(to bottom, #AC7DA7 0%, #6E4F6A 50%, #31232F 100%);
}
</style>