#B6AFD1 - #6E4E8C | 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 #B6AFD1 to #6E4E8C

#B6AFD1 #6E4E8C

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

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

0.0%	0.0% #B6AFD1	RGB 182 175 209	#B6AFD1
16.7%	16.7% #AA9EC5	RGB 170 158 197	#AA9EC5
33.3%	33.3% #9E8EBA	RGB 158 142 186	#9E8EBA
50.0%	50.0% #927EAE	RGB 146 126 174	#927EAE
66.7%	66.7% #866EA3	RGB 134 110 163	#866EA3
83.3%	83.3% #7A5E97	RGB 122 94 151	#7A5E97
100.0%	100.0% #6E4E8C	RGB 110 78 140	#6E4E8C

#B6AFD1 #AA9EC5 #9E8EBA #927EAE #866EA3 #7A5E97 #6E4E8C

#B6AFD1 - #6E4E8C

HSV Blend

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

0.0%	0.0% #B6AFD1	RGB 182 175 209	#B6AFD1
16.7%	16.7% #A69CC5	RGB 166 156 197	#A69CC5
33.3%	33.3% #998ABA	RGB 153 138 186	#998ABA
50.0%	50.0% #8C79AE	RGB 140 121 174	#8C79AE
66.7%	66.7% #816AA3	RGB 129 106 163	#816AA3
83.3%	83.3% #775B97	RGB 119 91 151	#775B97
100.0%	100.0% #6E4E8C	RGB 110 78 140	#6E4E8C

#B6AFD1 #A69CC5 #998ABA #8C79AE #816AA3 #775B97 #6E4E8C

#B6AFD1 - #8C79AE - #6E4E8C

CSS codes

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

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