#3C2D91 - #C7C3DF | 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 #3C2D91 to #C7C3DF

#3C2D91 #C7C3DF

Calculate the color between two colors, #3C2D91 and #C7C3DF. 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)

#3C2D91 - #C7C3DF | 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 #3C2D91 as 0% and #C7C3DF as 100%.

0.0%	0.0% #3C2D91	RGB 60 45 145	#3C2D91
16.7%	16.7% #53469E	RGB 83 70 158	#53469E
33.3%	33.3% #6A5FAB	RGB 106 95 171	#6A5FAB
50.0%	50.0% #8178B8	RGB 129 120 184	#8178B8
66.7%	66.7% #9891C5	RGB 152 145 197	#9891C5
83.3%	83.3% #AFAAD2	RGB 175 170 210	#AFAAD2
100.0%	100.0% #C7C3DF	RGB 199 195 223	#C7C3DF

#3C2D91 #53469E #6A5FAB #8178B8 #9891C5 #AFAAD2 #C7C3DF

#3C2D91 - #C7C3DF

HSV Blend

#3C2D91 - #C7C3DF | 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 #3C2D91 as 0% and #C7C3DF as 100%.

0.0%	0.0% #3C2D91	RGB 60 45 145	#3C2D91
16.7%	16.7% #4D3F9E	RGB 77 63 158	#4D3F9E
33.3%	33.3% #6155AB	RGB 97 85 171	#6155AB
50.0%	50.0% #776DB8	RGB 119 109 184	#776DB8
66.7%	66.7% #9087C5	RGB 144 135 197	#9087C5
83.3%	83.3% #AAA3D2	RGB 170 163 210	#AAA3D2
100.0%	100.0% #C7C3DF	RGB 199 195 223	#C7C3DF

#3C2D91 #4D3F9E #6155AB #776DB8 #9087C5 #AAA3D2 #C7C3DF

#3C2D91 - #776DB8 - #C7C3DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2D91 0%, #776DB8 50%, #C7C3DF 100%);
    background: -webkit-linear-gradient(top, #3C2D91 0%, #776DB8 50%, #C7C3DF 100%);
    background: linear-gradient(to bottom, #3C2D91 0%, #776DB8 50%, #C7C3DF 100%);
}
</style>