#AC92FF - #312948 | 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 #AC92FF to #312948

#AC92FF #312948

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

#AC92FF - #312948 | 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 #AC92FF as 0% and #312948 as 100%.

0.0%	0.0% #AC92FF	RGB 172 146 255	#AC92FF
16.7%	16.7% #9780E0	RGB 151 128 224	#9780E0
33.3%	33.3% #836FC2	RGB 131 111 194	#836FC2
50.0%	50.0% #6E5DA3	RGB 110 93 163	#6E5DA3
66.7%	66.7% #5A4C84	RGB 90 76 132	#5A4C84
83.3%	83.3% #453A66	RGB 69 58 102	#453A66
100.0%	100.0% #312948	RGB 49 41 72	#312948

#AC92FF #9780E0 #836FC2 #6E5DA3 #5A4C84 #453A66 #312948

#AC92FF - #312948

HSV Blend

#AC92FF - #312948 | 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 #AC92FF as 0% and #312948 as 100%.

0.0%	0.0% #AC92FF	RGB 172 146 255	#AC92FF
16.7%	16.7% #9780E0	RGB 151 128 224	#9780E0
33.3%	33.3% #836EC2	RGB 131 110 194	#836EC2
50.0%	50.0% #6E5DA3	RGB 110 93 163	#6E5DA3
66.7%	66.7% #5A4B84	RGB 90 75 132	#5A4B84
83.3%	83.3% #453A66	RGB 69 58 102	#453A66
100.0%	100.0% #312948	RGB 49 41 72	#312948

#AC92FF #9780E0 #836EC2 #6E5DA3 #5A4B84 #453A66 #312948

#AC92FF - #6E5DA3 - #312948

CSS codes

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

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