#B058C5 - #321938 | 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 #B058C5 to #321938

#B058C5 #321938

Calculate the color between two colors, #B058C5 and #321938. 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)

#B058C5 - #321938 | 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 #B058C5 as 0% and #321938 as 100%.

0.0%	0.0% #B058C5	RGB 176 88 197	#B058C5
16.7%	16.7% #9B4DAD	RGB 155 77 173	#9B4DAD
33.3%	33.3% #864396	RGB 134 67 150	#864396
50.0%	50.0% #71387E	RGB 113 56 126	#71387E
66.7%	66.7% #5C2E67	RGB 92 46 103	#5C2E67
83.3%	83.3% #47234F	RGB 71 35 79	#47234F
100.0%	100.0% #321938	RGB 50 25 56	#321938

#B058C5 #9B4DAD #864396 #71387E #5C2E67 #47234F #321938

#B058C5 - #321938

HSV Blend

#B058C5 - #321938 | 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 #B058C5 as 0% and #321938 as 100%.

0.0%	0.0% #B057C5	RGB 176 87 197	#B057C5
16.7%	16.7% #9A4DAD	RGB 154 77 173	#9A4DAD
33.3%	33.3% #854296	RGB 133 66 150	#854296
50.0%	50.0% #70387E	RGB 112 56 126	#70387E
66.7%	66.7% #5B2D67	RGB 91 45 103	#5B2D67
83.3%	83.3% #46234F	RGB 70 35 79	#46234F
100.0%	100.0% #321938	RGB 50 25 56	#321938

#B057C5 #9A4DAD #854296 #70387E #5B2D67 #46234F #321938

#B058C5 - #70387E - #321938

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B057C5 0%, #70387E 50%, #321938 100%);
    background: -webkit-linear-gradient(top, #B057C5 0%, #70387E 50%, #321938 100%);
    background: linear-gradient(to bottom, #B057C5 0%, #70387E 50%, #321938 100%);
}
</style>