#7B7B8C - #CEBCA2 | 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 #CEBCA2

#7B7B8C #CEBCA2

Calculate the color between two colors, #7B7B8C and #CEBCA2. 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 - #CEBCA2 | 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 #CEBCA2 as 100%.

0.0%	0.0% #7B7B8C	RGB 123 123 140	#7B7B8C
16.7%	16.7% #88858F	RGB 136 133 143	#88858F
33.3%	33.3% #969093	RGB 150 144 147	#969093
50.0%	50.0% #A49B97	RGB 164 155 151	#A49B97
66.7%	66.7% #B2A69A	RGB 178 166 154	#B2A69A
83.3%	83.3% #C0B19E	RGB 192 177 158	#C0B19E
100.0%	100.0% #CEBCA2	RGB 206 188 162	#CEBCA2

#7B7B8C #88858F #969093 #A49B97 #B2A69A #C0B19E #CEBCA2

#7B7B8C - #CEBCA2

HSV Blend

#7B7B8C - #CEBCA2 | 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 #CEBCA2 as 100%.

0.0%	0.0% #7B7B8C	RGB 123 123 140	#7B7B8C
16.7%	16.7% #8B8297	RGB 139 130 151	#8B8297
33.3%	33.3% #9E89A2	RGB 158 137 162	#9E89A2
50.0%	50.0% #AD90A4	RGB 173 144 164	#AD90A4
66.7%	66.7% #B8969F	RGB 184 150 159	#B8969F
83.3%	83.3% #C3A29C	RGB 195 162 156	#C3A29C
100.0%	100.0% #CEBCA2	RGB 206 188 162	#CEBCA2

#7B7B8C #8B8297 #9E89A2 #AD90A4 #B8969F #C3A29C #CEBCA2

#7B7B8C - #AD90A4 - #CEBCA2

CSS codes

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

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