#2B0276 - #8343AB | 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 #2B0276 to #8343AB

#2B0276 #8343AB

Calculate the color between two colors, #2B0276 and #8343AB. 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)

#2B0276 - #8343AB | 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 #2B0276 as 0% and #8343AB as 100%.

0.0%	0.0% #2B0276	RGB 43 2 118	#2B0276
16.7%	16.7% #390C7E	RGB 57 12 126	#390C7E
33.3%	33.3% #481787	RGB 72 23 135	#481787
50.0%	50.0% #572290	RGB 87 34 144	#572290
66.7%	66.7% #652D99	RGB 101 45 153	#652D99
83.3%	83.3% #7438A2	RGB 116 56 162	#7438A2
100.0%	100.0% #8343AB	RGB 131 67 171	#8343AB

#2B0276 #390C7E #481787 #572290 #652D99 #7438A2 #8343AB

#2B0276 - #8343AB

HSV Blend

#2B0276 - #8343AB | 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 #2B0276 as 0% and #8343AB as 100%.

0.0%	0.0% #2B0276	RGB 43 2 118	#2B0276
16.7%	16.7% #380A7E	RGB 56 10 126	#380A7E
33.3%	33.3% #461387	RGB 70 19 135	#461387
50.0%	50.0% #551D90	RGB 85 29 144	#551D90
66.7%	66.7% #642899	RGB 100 40 153	#642899
83.3%	83.3% #7335A2	RGB 115 53 162	#7335A2
100.0%	100.0% #8343AB	RGB 131 67 171	#8343AB

#2B0276 #380A7E #461387 #551D90 #642899 #7335A2 #8343AB

#2B0276 - #551D90 - #8343AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B0276 0%, #551D90 50%, #8343AB 100%);
    background: -webkit-linear-gradient(top, #2B0276 0%, #551D90 50%, #8343AB 100%);
    background: linear-gradient(to bottom, #2B0276 0%, #551D90 50%, #8343AB 100%);
}
</style>