#6B5E8A - #ACA0A1 | 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 #6B5E8A to #ACA0A1

#6B5E8A #ACA0A1

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

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

0.0%	0.0% #6B5E8A	RGB 107 94 138	#6B5E8A
16.7%	16.7% #75698D	RGB 117 105 141	#75698D
33.3%	33.3% #807491	RGB 128 116 145	#807491
50.0%	50.0% #8B7F95	RGB 139 127 149	#8B7F95
66.7%	66.7% #968A99	RGB 150 138 153	#968A99
83.3%	83.3% #A1959D	RGB 161 149 157	#A1959D
100.0%	100.0% #ACA0A1	RGB 172 160 161	#ACA0A1

#6B5E8A #75698D #807491 #8B7F95 #968A99 #A1959D #ACA0A1

#6B5E8A - #ACA0A1

HSV Blend

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

0.0%	0.0% #6B5E8A	RGB 107 94 138	#6B5E8A
16.7%	16.7% #7E678F	RGB 126 103 143	#7E678F
33.3%	33.3% #8F7295	RGB 143 114 149	#8F7295
50.0%	50.0% #9B7C97	RGB 155 124 151	#9B7C97
66.7%	66.7% #A08897	RGB 160 136 151	#A08897
83.3%	83.3% #A6939A	RGB 166 147 154	#A6939A
100.0%	100.0% #ACA0A1	RGB 172 160 161	#ACA0A1

#6B5E8A #7E678F #8F7295 #9B7C97 #A08897 #A6939A #ACA0A1

#6B5E8A - #9B7C97 - #ACA0A1

CSS codes

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

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