#C0A8C5 - #884D76 | 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 #C0A8C5 to #884D76

#C0A8C5 #884D76

Calculate the color between two colors, #C0A8C5 and #884D76. 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)

#C0A8C5 - #884D76 | 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 #C0A8C5 as 0% and #884D76 as 100%.

0.0%	0.0% #C0A8C5	RGB 192 168 197	#C0A8C5
16.7%	16.7% #B698B7	RGB 182 152 183	#B698B7
33.3%	33.3% #AD89AA	RGB 173 137 170	#AD89AA
50.0%	50.0% #A47A9D	RGB 164 122 157	#A47A9D
66.7%	66.7% #9A6B90	RGB 154 107 144	#9A6B90
83.3%	83.3% #915C83	RGB 145 92 131	#915C83
100.0%	100.0% #884D76	RGB 136 77 118	#884D76

#C0A8C5 #B698B7 #AD89AA #A47A9D #9A6B90 #915C83 #884D76

#C0A8C5 - #884D76

HSV Blend

#C0A8C5 - #884D76 | 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 #C0A8C5 as 0% and #884D76 as 100%.

0.0%	0.0% #C0A8C5	RGB 192 168 197	#C0A8C5
16.7%	16.7% #B796BA	RGB 183 150 186	#B796BA
33.3%	33.3% #B085B0	RGB 176 133 176	#B085B0
50.0%	50.0% #A676A3	RGB 166 118 163	#A676A3
66.7%	66.7% #9C6794	RGB 156 103 148	#9C6794
83.3%	83.3% #925985	RGB 146 89 133	#925985
100.0%	100.0% #884D76	RGB 136 77 118	#884D76

#C0A8C5 #B796BA #B085B0 #A676A3 #9C6794 #925985 #884D76

#C0A8C5 - #A676A3 - #884D76

CSS codes

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

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