#9A85FF - #2C2648 | 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 #9A85FF to #2C2648

#9A85FF #2C2648

Calculate the color between two colors, #9A85FF and #2C2648. 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)

#9A85FF - #2C2648 | 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 #9A85FF as 0% and #2C2648 as 100%.

0.0%	0.0% #9A85FF	RGB 154 133 255	#9A85FF
16.7%	16.7% #8775E0	RGB 135 117 224	#8775E0
33.3%	33.3% #7565C2	RGB 117 101 194	#7565C2
50.0%	50.0% #6355A3	RGB 99 85 163	#6355A3
66.7%	66.7% #504584	RGB 80 69 132	#504584
83.3%	83.3% #3E3566	RGB 62 53 102	#3E3566
100.0%	100.0% #2C2648	RGB 44 38 72	#2C2648

#9A85FF #8775E0 #7565C2 #6355A3 #504584 #3E3566 #2C2648

#9A85FF - #2C2648

HSV Blend

#9A85FF - #2C2648 | 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 #9A85FF as 0% and #2C2648 as 100%.

0.0%	0.0% #9985FF	RGB 153 133 255	#9985FF
16.7%	16.7% #8775E0	RGB 135 117 224	#8775E0
33.3%	33.3% #7565C2	RGB 117 101 194	#7565C2
50.0%	50.0% #6355A3	RGB 99 85 163	#6355A3
66.7%	66.7% #504584	RGB 80 69 132	#504584
83.3%	83.3% #3E3566	RGB 62 53 102	#3E3566
100.0%	100.0% #2C2648	RGB 44 38 72	#2C2648

#9985FF #8775E0 #7565C2 #6355A3 #504584 #3E3566 #2C2648

#9A85FF - #6355A3 - #2C2648

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9985FF 0%, #6355A3 50%, #2C2648 100%);
    background: -webkit-linear-gradient(top, #9985FF 0%, #6355A3 50%, #2C2648 100%);
    background: linear-gradient(to bottom, #9985FF 0%, #6355A3 50%, #2C2648 100%);
}
</style>