#797C8C - #CCB8A2 | 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 #797C8C to #CCB8A2

#797C8C #CCB8A2

Calculate the color between two colors, #797C8C and #CCB8A2. 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)

#797C8C - #CCB8A2 | 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 #797C8C as 0% and #CCB8A2 as 100%.

0.0%	0.0% #797C8C	RGB 121 124 140	#797C8C
16.7%	16.7% #86868F	RGB 134 134 143	#86868F
33.3%	33.3% #949093	RGB 148 144 147	#949093
50.0%	50.0% #A29A97	RGB 162 154 151	#A29A97
66.7%	66.7% #B0A49A	RGB 176 164 154	#B0A49A
83.3%	83.3% #BEAE9E	RGB 190 174 158	#BEAE9E
100.0%	100.0% #CCB8A2	RGB 204 184 162	#CCB8A2

#797C8C #86868F #949093 #A29A97 #B0A49A #BEAE9E #CCB8A2

#797C8C - #CCB8A2

HSV Blend

#797C8C - #CCB8A2 | 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 #797C8C as 0% and #CCB8A2 as 100%.

0.0%	0.0% #797C8C	RGB 121 124 140	#797C8C
16.7%	16.7% #868096	RGB 134 128 150	#868096
33.3%	33.3% #9A87A1	RGB 154 135 161	#9A87A1
50.0%	50.0% #AC8EA6	RGB 172 142 166	#AC8EA6
66.7%	66.7% #B695A1	RGB 182 149 161	#B695A1
83.3%	83.3% #C19E9B	RGB 193 158 155	#C19E9B
100.0%	100.0% #CCB8A2	RGB 204 184 162	#CCB8A2

#797C8C #868096 #9A87A1 #AC8EA6 #B695A1 #C19E9B #CCB8A2

#797C8C - #AC8EA6 - #CCB8A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #797C8C 0%, #AC8EA6 50%, #CCB8A2 100%);
    background: -webkit-linear-gradient(top, #797C8C 0%, #AC8EA6 50%, #CCB8A2 100%);
    background: linear-gradient(to bottom, #797C8C 0%, #AC8EA6 50%, #CCB8A2 100%);
}
</style>