#B05BA2 - #6B195A | 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 #B05BA2 to #6B195A

#B05BA2 #6B195A

Calculate the color between two colors, #B05BA2 and #6B195A. 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)

#B05BA2 - #6B195A | 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 #B05BA2 as 0% and #6B195A as 100%.

0.0%	0.0% #B05BA2	RGB 176 91 162	#B05BA2
16.7%	16.7% #A45096	RGB 164 80 150	#A45096
33.3%	33.3% #99458A	RGB 153 69 138	#99458A
50.0%	50.0% #8D3A7E	RGB 141 58 126	#8D3A7E
66.7%	66.7% #822F72	RGB 130 47 114	#822F72
83.3%	83.3% #762466	RGB 118 36 102	#762466
100.0%	100.0% #6B195A	RGB 107 25 90	#6B195A

#B05BA2 #A45096 #99458A #8D3A7E #822F72 #762466 #6B195A

#B05BA2 - #6B195A

HSV Blend

#B05BA2 - #6B195A | 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 #B05BA2 as 0% and #6B195A as 100%.

0.0%	0.0% #B05BA2	RGB 176 91 162	#B05BA2
16.7%	16.7% #A44D95	RGB 164 77 149	#A44D95
33.3%	33.3% #994089	RGB 153 64 137	#994089
50.0%	50.0% #8D357D	RGB 141 53 125	#8D357D
66.7%	66.7% #822A71	RGB 130 42 113	#822A71
83.3%	83.3% #762165	RGB 118 33 101	#762165
100.0%	100.0% #6B195A	RGB 107 25 90	#6B195A

#B05BA2 #A44D95 #994089 #8D357D #822A71 #762165 #6B195A

#B05BA2 - #8D357D - #6B195A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05BA2 0%, #8D357D 50%, #6B195A 100%);
    background: -webkit-linear-gradient(top, #B05BA2 0%, #8D357D 50%, #6B195A 100%);
    background: linear-gradient(to bottom, #B05BA2 0%, #8D357D 50%, #6B195A 100%);
}
</style>