#7D7B8C - #CEC5A2 | 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 #7D7B8C to #CEC5A2

#7D7B8C #CEC5A2

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

#7D7B8C - #CEC5A2 | 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 #7D7B8C as 0% and #CEC5A2 as 100%.

0.0%	0.0% #7D7B8C	RGB 125 123 140	#7D7B8C
16.7%	16.7% #8A878F	RGB 138 135 143	#8A878F
33.3%	33.3% #989393	RGB 152 147 147	#989393
50.0%	50.0% #A5A097	RGB 165 160 151	#A5A097
66.7%	66.7% #B3AC9A	RGB 179 172 154	#B3AC9A
83.3%	83.3% #C0B89E	RGB 192 184 158	#C0B89E
100.0%	100.0% #CEC5A2	RGB 206 197 162	#CEC5A2

#7D7B8C #8A878F #989393 #A5A097 #B3AC9A #C0B89E #CEC5A2

#7D7B8C - #CEC5A2

HSV Blend

#7D7B8C - #CEC5A2 | 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 #7D7B8C as 0% and #CEC5A2 as 100%.

0.0%	0.0% #7D7B8C	RGB 125 123 140	#7D7B8C
16.7%	16.7% #8D8297	RGB 141 130 151	#8D8297
33.3%	33.3% #A289A1	RGB 162 137 161	#A289A1
50.0%	50.0% #AD909F	RGB 173 144 159	#AD909F
66.7%	66.7% #B89699	RGB 184 150 153	#B89699
83.3%	83.3% #C3A99C	RGB 195 169 156	#C3A99C
100.0%	100.0% #CEC5A2	RGB 206 197 162	#CEC5A2

#7D7B8C #8D8297 #A289A1 #AD909F #B89699 #C3A99C #CEC5A2

#7D7B8C - #AD909F - #CEC5A2

CSS codes

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

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