#B9A8D3 - #6C478E | 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 #B9A8D3 to #6C478E

#B9A8D3 #6C478E

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

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

0.0%	0.0% #B9A8D3	RGB 185 168 211	#B9A8D3
16.7%	16.7% #AC97C7	RGB 172 151 199	#AC97C7
33.3%	33.3% #9F87BC	RGB 159 135 188	#9F87BC
50.0%	50.0% #9277B0	RGB 146 119 176	#9277B0
66.7%	66.7% #8567A5	RGB 133 103 165	#8567A5
83.3%	83.3% #785799	RGB 120 87 153	#785799
100.0%	100.0% #6C478E	RGB 108 71 142	#6C478E

#B9A8D3 #AC97C7 #9F87BC #9277B0 #8567A5 #785799 #6C478E

#B9A8D3 - #6C478E

HSV Blend

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

0.0%	0.0% #B9A8D3	RGB 185 168 211	#B9A8D3
16.7%	16.7% #AA94C7	RGB 170 148 199	#AA94C7
33.3%	33.3% #9B83BC	RGB 155 131 188	#9B83BC
50.0%	50.0% #8E72B0	RGB 142 114 176	#8E72B0
66.7%	66.7% #8262A5	RGB 130 98 165	#8262A5
83.3%	83.3% #765499	RGB 118 84 153	#765499
100.0%	100.0% #6C478E	RGB 108 71 142	#6C478E

#B9A8D3 #AA94C7 #9B83BC #8E72B0 #8262A5 #765499 #6C478E

#B9A8D3 - #8E72B0 - #6C478E

CSS codes

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

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