#B6A8C5 - #574A81 | 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 #B6A8C5 to #574A81

#B6A8C5 #574A81

Calculate the color between two colors, #B6A8C5 and #574A81. 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)

#B6A8C5 - #574A81 | 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 #B6A8C5 as 0% and #574A81 as 100%.

0.0%	0.0% #B6A8C5	RGB 182 168 197	#B6A8C5
16.7%	16.7% #A698B9	RGB 166 152 185	#A698B9
33.3%	33.3% #9688AE	RGB 150 136 174	#9688AE
50.0%	50.0% #8679A3	RGB 134 121 163	#8679A3
66.7%	66.7% #766997	RGB 118 105 151	#766997
83.3%	83.3% #66598C	RGB 102 89 140	#66598C
100.0%	100.0% #574A81	RGB 87 74 129	#574A81

#B6A8C5 #A698B9 #9688AE #8679A3 #766997 #66598C #574A81

#B6A8C5 - #574A81

HSV Blend

#B6A8C5 - #574A81 | 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 #B6A8C5 as 0% and #574A81 as 100%.

0.0%	0.0% #B6A8C5	RGB 182 168 197	#B6A8C5
16.7%	16.7% #A595B9	RGB 165 149 185	#A595B9
33.3%	33.3% #9584AE	RGB 149 132 174	#9584AE
50.0%	50.0% #8574A3	RGB 133 116 163	#8574A3
66.7%	66.7% #756597	RGB 117 101 151	#756597
83.3%	83.3% #65578C	RGB 101 87 140	#65578C
100.0%	100.0% #574A81	RGB 87 74 129	#574A81

#B6A8C5 #A595B9 #9584AE #8574A3 #756597 #65578C #574A81

#B6A8C5 - #8574A3 - #574A81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6A8C5 0%, #8574A3 50%, #574A81 100%);
    background: -webkit-linear-gradient(top, #B6A8C5 0%, #8574A3 50%, #574A81 100%);
    background: linear-gradient(to bottom, #B6A8C5 0%, #8574A3 50%, #574A81 100%);
}
</style>