#332B5E - #B270C3 | 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 #332B5E to #B270C3

#332B5E #B270C3

Calculate the color between two colors, #332B5E and #B270C3. 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)

#332B5E - #B270C3 | 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 #332B5E as 0% and #B270C3 as 100%.

0.0%	0.0% #332B5E	RGB 51 43 94	#332B5E
16.7%	16.7% #48366E	RGB 72 54 110	#48366E
33.3%	33.3% #5D427F	RGB 93 66 127	#5D427F
50.0%	50.0% #724D90	RGB 114 77 144	#724D90
66.7%	66.7% #8759A1	RGB 135 89 161	#8759A1
83.3%	83.3% #9C64B2	RGB 156 100 178	#9C64B2
100.0%	100.0% #B270C3	RGB 178 112 195	#B270C3

#332B5E #48366E #5D427F #724D90 #8759A1 #9C64B2 #B270C3

#332B5E - #B270C3

HSV Blend

#332B5E - #B270C3 | 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 #332B5E as 0% and #B270C3 as 100%.

0.0%	0.0% #332B5E	RGB 51 43 94	#332B5E
16.7%	16.7% #44346E	RGB 68 52 110	#44346E
33.3%	33.3% #573F7F	RGB 87 63 127	#573F7F
50.0%	50.0% #6B4A90	RGB 107 74 144	#6B4A90
66.7%	66.7% #8256A1	RGB 130 86 161	#8256A1
83.3%	83.3% #9962B2	RGB 153 98 178	#9962B2
100.0%	100.0% #B270C3	RGB 178 112 195	#B270C3

#332B5E #44346E #573F7F #6B4A90 #8256A1 #9962B2 #B270C3

#332B5E - #6B4A90 - #B270C3

CSS codes

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

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