#352D5E - #8151BF | 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 #352D5E to #8151BF

#352D5E #8151BF

Calculate the color between two colors, #352D5E and #8151BF. 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)

#352D5E - #8151BF | 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 #352D5E as 0% and #8151BF as 100%.

0.0%	0.0% #352D5E	RGB 53 45 94	#352D5E
16.7%	16.7% #41336E	RGB 65 51 110	#41336E
33.3%	33.3% #4E397E	RGB 78 57 126	#4E397E
50.0%	50.0% #5B3F8E	RGB 91 63 142	#5B3F8E
66.7%	66.7% #67459E	RGB 103 69 158	#67459E
83.3%	83.3% #744BAE	RGB 116 75 174	#744BAE
100.0%	100.0% #8151BF	RGB 129 81 191	#8151BF

#352D5E #41336E #4E397E #5B3F8E #67459E #744BAE #8151BF

#352D5E - #8151BF

HSV Blend

#352D5E - #8151BF | 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 #352D5E as 0% and #8151BF as 100%.

0.0%	0.0% #352D5E	RGB 53 45 94	#352D5E
16.7%	16.7% #3F336E	RGB 63 51 110	#3F336E
33.3%	33.3% #4B3A7E	RGB 75 58 126	#4B3A7E
50.0%	50.0% #57408E	RGB 87 64 142	#57408E
66.7%	66.7% #64469E	RGB 100 70 158	#64469E
83.3%	83.3% #724BAE	RGB 114 75 174	#724BAE
100.0%	100.0% #8151BF	RGB 129 81 191	#8151BF

#352D5E #3F336E #4B3A7E #57408E #64469E #724BAE #8151BF

#352D5E - #57408E - #8151BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #352D5E 0%, #57408E 50%, #8151BF 100%);
    background: -webkit-linear-gradient(top, #352D5E 0%, #57408E 50%, #8151BF 100%);
    background: linear-gradient(to bottom, #352D5E 0%, #57408E 50%, #8151BF 100%);
}
</style>