#7B7B8C - #CFC7A2 | 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 #7B7B8C to #CFC7A2

#7B7B8C #CFC7A2

Calculate the color between two colors, #7B7B8C and #CFC7A2. 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)

#7B7B8C - #CFC7A2 | 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 #7B7B8C as 0% and #CFC7A2 as 100%.

0.0%	0.0% #7B7B8C	RGB 123 123 140	#7B7B8C
16.7%	16.7% #89878F	RGB 137 135 143	#89878F
33.3%	33.3% #979493	RGB 151 148 147	#979493
50.0%	50.0% #A5A197	RGB 165 161 151	#A5A197
66.7%	66.7% #B3AD9A	RGB 179 173 154	#B3AD9A
83.3%	83.3% #C1BA9E	RGB 193 186 158	#C1BA9E
100.0%	100.0% #CFC7A2	RGB 207 199 162	#CFC7A2

#7B7B8C #89878F #979493 #A5A197 #B3AD9A #C1BA9E #CFC7A2

#7B7B8C - #CFC7A2

HSV Blend

#7B7B8C - #CFC7A2 | 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 #7B7B8C as 0% and #CFC7A2 as 100%.

0.0%	0.0% #7B7B8C	RGB 123 123 140	#7B7B8C
16.7%	16.7% #8C8297	RGB 140 130 151	#8C8297
33.3%	33.3% #A089A2	RGB 160 137 162	#A089A2
50.0%	50.0% #AD90A1	RGB 173 144 161	#AD90A1
66.7%	66.7% #B8969A	RGB 184 150 154	#B8969A
83.3%	83.3% #C3AA9C	RGB 195 170 156	#C3AA9C
100.0%	100.0% #CFC7A2	RGB 207 199 162	#CFC7A2

#7B7B8C #8C8297 #A089A2 #AD90A1 #B8969A #C3AA9C #CFC7A2

#7B7B8C - #AD90A1 - #CFC7A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7B8C 0%, #AD90A1 50%, #CFC7A2 100%);
    background: -webkit-linear-gradient(top, #7B7B8C 0%, #AD90A1 50%, #CFC7A2 100%);
    background: linear-gradient(to bottom, #7B7B8C 0%, #AD90A1 50%, #CFC7A2 100%);
}
</style>