#B4B2D6 - #6B5EAD | 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 #B4B2D6 to #6B5EAD

#B4B2D6 #6B5EAD

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

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

0.0%	0.0% #B4B2D6	RGB 180 178 214	#B4B2D6
16.7%	16.7% #A7A4CF	RGB 167 164 207	#A7A4CF
33.3%	33.3% #9B96C8	RGB 155 150 200	#9B96C8
50.0%	50.0% #8F88C1	RGB 143 136 193	#8F88C1
66.7%	66.7% #837ABA	RGB 131 122 186	#837ABA
83.3%	83.3% #776CB3	RGB 119 108 179	#776CB3
100.0%	100.0% #6B5EAD	RGB 107 94 173	#6B5EAD

#B4B2D6 #A7A4CF #9B96C8 #8F88C1 #837ABA #776CB3 #6B5EAD

#B4B2D6 - #6B5EAD

HSV Blend

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

0.0%	0.0% #B4B2D6	RGB 180 178 214	#B4B2D6
16.7%	16.7% #A5A2CF	RGB 165 162 207	#A5A2CF
33.3%	33.3% #9893C8	RGB 152 147 200	#9893C8
50.0%	50.0% #8B85C1	RGB 139 133 193	#8B85C1
66.7%	66.7% #8077BA	RGB 128 119 186	#8077BA
83.3%	83.3% #756AB3	RGB 117 106 179	#756AB3
100.0%	100.0% #6B5EAD	RGB 107 94 173	#6B5EAD

#B4B2D6 #A5A2CF #9893C8 #8B85C1 #8077BA #756AB3 #6B5EAD

#B4B2D6 - #8B85C1 - #6B5EAD

CSS codes

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

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