#B0559C - #700C51 | 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 #B0559C to #700C51

#B0559C #700C51

Calculate the color between two colors, #B0559C and #700C51. 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)

#B0559C - #700C51 | 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 #B0559C as 0% and #700C51 as 100%.

0.0%	0.0% #B0559C	RGB 176 85 156	#B0559C
16.7%	16.7% #A5488F	RGB 165 72 143	#A5488F
33.3%	33.3% #9A3C83	RGB 154 60 131	#9A3C83
50.0%	50.0% #903076	RGB 144 48 118	#903076
66.7%	66.7% #85246A	RGB 133 36 106	#85246A
83.3%	83.3% #7A185D	RGB 122 24 93	#7A185D
100.0%	100.0% #700C51	RGB 112 12 81	#700C51

#B0559C #A5488F #9A3C83 #903076 #85246A #7A185D #700C51

#B0559C - #700C51

HSV Blend

#B0559C - #700C51 | 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 #B0559C as 0% and #700C51 as 100%.

0.0%	0.0% #B0559C	RGB 176 85 156	#B0559C
16.7%	16.7% #A5458E	RGB 165 69 142	#A5458E
33.3%	33.3% #9A3781	RGB 154 55 129	#9A3781
50.0%	50.0% #902A75	RGB 144 42 117	#902A75
66.7%	66.7% #851E68	RGB 133 30 104	#851E68
83.3%	83.3% #7A145C	RGB 122 20 92	#7A145C
100.0%	100.0% #700C51	RGB 112 12 81	#700C51

#B0559C #A5458E #9A3781 #902A75 #851E68 #7A145C #700C51

#B0559C - #902A75 - #700C51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0559C 0%, #902A75 50%, #700C51 100%);
    background: -webkit-linear-gradient(top, #B0559C 0%, #902A75 50%, #700C51 100%);
    background: linear-gradient(to bottom, #B0559C 0%, #902A75 50%, #700C51 100%);
}
</style>