#6A6A8D - #B9AAA4 | 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 #6A6A8D to #B9AAA4

#6A6A8D #B9AAA4

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

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

0.0%	0.0% #6A6A8D	RGB 106 106 141	#6A6A8D
16.7%	16.7% #777490	RGB 119 116 144	#777490
33.3%	33.3% #847F94	RGB 132 127 148	#847F94
50.0%	50.0% #918A98	RGB 145 138 152	#918A98
66.7%	66.7% #9E949C	RGB 158 148 156	#9E949C
83.3%	83.3% #AB9FA0	RGB 171 159 160	#AB9FA0
100.0%	100.0% #B9AAA4	RGB 185 170 164	#B9AAA4

#6A6A8D #777490 #847F94 #918A98 #9E949C #AB9FA0 #B9AAA4

#6A6A8D - #B9AAA4

HSV Blend

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

0.0%	0.0% #6A6A8D	RGB 106 106 141	#6A6A8D
16.7%	16.7% #7F7294	RGB 127 114 148	#7F7294
33.3%	33.3% #947C9B	RGB 148 124 155	#947C9B
50.0%	50.0% #A3859E	RGB 163 133 158	#A3859E
66.7%	66.7% #AA8F9C	RGB 170 143 156	#AA8F9C
83.3%	83.3% #B1999B	RGB 177 153 155	#B1999B
100.0%	100.0% #B9AAA4	RGB 185 170 164	#B9AAA4

#6A6A8D #7F7294 #947C9B #A3859E #AA8F9C #B1999B #B9AAA4

#6A6A8D - #A3859E - #B9AAA4

CSS codes

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

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