#747480 - #C8B096 | 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 #747480 to #C8B096

#747480 #C8B096

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

#747480 - #C8B096 | 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 #747480 as 0% and #C8B096 as 100%.

0.0%	0.0% #747480	RGB 116 116 128	#747480
16.7%	16.7% #827E83	RGB 130 126 131	#827E83
33.3%	33.3% #908887	RGB 144 136 135	#908887
50.0%	50.0% #9E928B	RGB 158 146 139	#9E928B
66.7%	66.7% #AC9C8E	RGB 172 156 142	#AC9C8E
83.3%	83.3% #BAA692	RGB 186 166 146	#BAA692
100.0%	100.0% #C8B096	RGB 200 176 150	#C8B096

#747480 #827E83 #908887 #9E928B #AC9C8E #BAA692 #C8B096

#747480 - #C8B096

HSV Blend

#747480 - #C8B096 | 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 #747480 as 0% and #C8B096 as 100%.

0.0%	0.0% #747480	RGB 116 116 128	#747480
16.7%	16.7% #827B8C	RGB 130 123 140	#827B8C
33.3%	33.3% #948198	RGB 148 129 152	#948198
50.0%	50.0% #A4879C	RGB 164 135 156	#A4879C
66.7%	66.7% #B08D98	RGB 176 141 152	#B08D98
83.3%	83.3% #BC9691	RGB 188 150 145	#BC9691
100.0%	100.0% #C8B096	RGB 200 176 150	#C8B096

#747480 #827B8C #948198 #A4879C #B08D98 #BC9691 #C8B096

#747480 - #A4879C - #C8B096

CSS codes

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

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