#6A6A84 - #BCA99C | 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 #6A6A84 to #BCA99C

#6A6A84 #BCA99C

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

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

0.0%	0.0% #6A6A84	RGB 106 106 132	#6A6A84
16.7%	16.7% #777488	RGB 119 116 136	#777488
33.3%	33.3% #857F8C	RGB 133 127 140	#857F8C
50.0%	50.0% #938990	RGB 147 137 144	#938990
66.7%	66.7% #A09494	RGB 160 148 148	#A09494
83.3%	83.3% #AE9E98	RGB 174 158 152	#AE9E98
100.0%	100.0% #BCA99C	RGB 188 169 156	#BCA99C

#6A6A84 #777488 #857F8C #938990 #A09494 #AE9E98 #BCA99C

#6A6A84 - #BCA99C

HSV Blend

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

0.0%	0.0% #6A6A84	RGB 106 106 132	#6A6A84
16.7%	16.7% #7D728D	RGB 125 114 141	#7D728D
33.3%	33.3% #917A96	RGB 145 122 150	#917A96
50.0%	50.0% #A0829A	RGB 160 130 154	#A0829A
66.7%	66.7% #A98B97	RGB 169 139 151	#A98B97
83.3%	83.3% #B29393	RGB 178 147 147	#B29393
100.0%	100.0% #BCA99C	RGB 188 169 156	#BCA99C

#6A6A84 #7D728D #917A96 #A0829A #A98B97 #B29393 #BCA99C

#6A6A84 - #A0829A - #BCA99C

CSS codes

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

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