#B0599E - #691956 | 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 #B0599E to #691956

#B0599E #691956

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

#B0599E - #691956 | 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 #B0599E as 0% and #691956 as 100%.

0.0%	0.0% #B0599E	RGB 176 89 158	#B0599E
16.7%	16.7% #A44E92	RGB 164 78 146	#A44E92
33.3%	33.3% #984386	RGB 152 67 134	#984386
50.0%	50.0% #8C397A	RGB 140 57 122	#8C397A
66.7%	66.7% #802E6E	RGB 128 46 110	#802E6E
83.3%	83.3% #742362	RGB 116 35 98	#742362
100.0%	100.0% #691956	RGB 105 25 86	#691956

#B0599E #A44E92 #984386 #8C397A #802E6E #742362 #691956

#B0599E - #691956

HSV Blend

#B0599E - #691956 | 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 #B0599E as 0% and #691956 as 100%.

0.0%	0.0% #B0599E	RGB 176 89 158	#B0599E
16.7%	16.7% #A44B91	RGB 164 75 145	#A44B91
33.3%	33.3% #983F85	RGB 152 63 133	#983F85
50.0%	50.0% #8C3478	RGB 140 52 120	#8C3478
66.7%	66.7% #802A6C	RGB 128 42 108	#802A6C
83.3%	83.3% #742161	RGB 116 33 97	#742161
100.0%	100.0% #691956	RGB 105 25 86	#691956

#B0599E #A44B91 #983F85 #8C3478 #802A6C #742161 #691956

#B0599E - #8C3478 - #691956

CSS codes

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

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