#6B7B6B - #A993C0 | 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 #6B7B6B to #A993C0

#6B7B6B #A993C0

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

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

0.0%	0.0% #6B7B6B	RGB 107 123 107	#6B7B6B
16.7%	16.7% #757F79	RGB 117 127 121	#757F79
33.3%	33.3% #7F8387	RGB 127 131 135	#7F8387
50.0%	50.0% #8A8795	RGB 138 135 149	#8A8795
66.7%	66.7% #948BA3	RGB 148 139 163	#948BA3
83.3%	83.3% #9E8FB1	RGB 158 143 177	#9E8FB1
100.0%	100.0% #A993C0	RGB 169 147 192	#A993C0

#6B7B6B #757F79 #7F8387 #8A8795 #948BA3 #9E8FB1 #A993C0

#6B7B6B - #A993C0

HSV Blend

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

0.0%	0.0% #6B7B6B	RGB 107 123 107	#6B7B6B
16.7%	16.7% #72867A	RGB 114 134 122	#72867A
33.3%	33.3% #79928D	RGB 121 146 141	#79928D
50.0%	50.0% #80969D	RGB 128 150 157	#80969D
66.7%	66.7% #8792A9	RGB 135 146 169	#8792A9
83.3%	83.3% #908DB4	RGB 144 141 180	#908DB4
100.0%	100.0% #A993C0	RGB 169 147 192	#A993C0

#6B7B6B #72867A #79928D #80969D #8792A9 #908DB4 #A993C0

#6B7B6B - #80969D - #A993C0

CSS codes

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

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