#C8C8C8 - #B07881 | 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 #C8C8C8 to #B07881

#C8C8C8 #B07881

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

#C8C8C8 - #B07881 | 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 #C8C8C8 as 0% and #B07881 as 100%.

0.0%	0.0% #C8C8C8	RGB 200 200 200	#C8C8C8
16.7%	16.7% #C4BABC	RGB 196 186 188	#C4BABC
33.3%	33.3% #C0ADB0	RGB 192 173 176	#C0ADB0
50.0%	50.0% #BCA0A4	RGB 188 160 164	#BCA0A4
66.7%	66.7% #B89298	RGB 184 146 152	#B89298
83.3%	83.3% #B4858C	RGB 180 133 140	#B4858C
100.0%	100.0% #B07881	RGB 176 120 129	#B07881

#C8C8C8 #C4BABC #C0ADB0 #BCA0A4 #B89298 #B4858C #B07881

#C8C8C8 - #B07881

HSV Blend

#C8C8C8 - #B07881 | 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 #C8C8C8 as 0% and #B07881 as 100%.

0.0%	0.0% #C8C8C8	RGB 200 200 200	#C8C8C8
16.7%	16.7% #C4B9B9	RGB 196 185 185	#C4B9B9
33.3%	33.3% #C0ABAC	RGB 192 171 172	#C0ABAC
50.0%	50.0% #BC9EA0	RGB 188 158 160	#BC9EA0
66.7%	66.7% #B89095	RGB 184 144 149	#B89095
83.3%	83.3% #B4848A	RGB 180 132 138	#B4848A
100.0%	100.0% #B07881	RGB 176 120 129	#B07881

#C8C8C8 #C4B9B9 #C0ABAC #BC9EA0 #B89095 #B4848A #B07881

#C8C8C8 - #BC9EA0 - #B07881

CSS codes

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

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