#C0A8BB - #774E6E | 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 #C0A8BB to #774E6E

#C0A8BB #774E6E

Calculate the color between two colors, #C0A8BB and #774E6E. 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)

#C0A8BB - #774E6E | 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 #C0A8BB as 0% and #774E6E as 100%.

0.0%	0.0% #C0A8BB	RGB 192 168 187	#C0A8BB
16.7%	16.7% #B399AE	RGB 179 153 174	#B399AE
33.3%	33.3% #A78AA1	RGB 167 138 161	#A78AA1
50.0%	50.0% #9B7B94	RGB 155 123 148	#9B7B94
66.7%	66.7% #8F6C87	RGB 143 108 135	#8F6C87
83.3%	83.3% #835D7A	RGB 131 93 122	#835D7A
100.0%	100.0% #774E6E	RGB 119 78 110	#774E6E

#C0A8BB #B399AE #A78AA1 #9B7B94 #8F6C87 #835D7A #774E6E

#C0A8BB - #774E6E

HSV Blend

#C0A8BB - #774E6E | 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 #C0A8BB as 0% and #774E6E as 100%.

0.0%	0.0% #C0A8BB	RGB 192 168 187	#C0A8BB
16.7%	16.7% #B396AD	RGB 179 150 173	#B396AD
33.3%	33.3% #A786A0	RGB 167 134 160	#A786A0
50.0%	50.0% #9B7693	RGB 155 118 147	#9B7693
66.7%	66.7% #8F6886	RGB 143 104 134	#8F6886
83.3%	83.3% #835A7A	RGB 131 90 122	#835A7A
100.0%	100.0% #774E6E	RGB 119 78 110	#774E6E

#C0A8BB #B396AD #A786A0 #9B7693 #8F6886 #835A7A #774E6E

#C0A8BB - #9B7693 - #774E6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0A8BB 0%, #9B7693 50%, #774E6E 100%);
    background: -webkit-linear-gradient(top, #C0A8BB 0%, #9B7693 50%, #774E6E 100%);
    background: linear-gradient(to bottom, #C0A8BB 0%, #9B7693 50%, #774E6E 100%);
}
</style>