#C2A2AB - #8D4D5D | 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 #C2A2AB to #8D4D5D

#C2A2AB #8D4D5D

Calculate the color between two colors, #C2A2AB and #8D4D5D. 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)

#C2A2AB - #8D4D5D | 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 #C2A2AB as 0% and #8D4D5D as 100%.

0.0%	0.0% #C2A2AB	RGB 194 162 171	#C2A2AB
16.7%	16.7% #B9939E	RGB 185 147 158	#B9939E
33.3%	33.3% #B08591	RGB 176 133 145	#B08591
50.0%	50.0% #A77784	RGB 167 119 132	#A77784
66.7%	66.7% #9E6977	RGB 158 105 119	#9E6977
83.3%	83.3% #955B6A	RGB 149 91 106	#955B6A
100.0%	100.0% #8D4D5D	RGB 141 77 93	#8D4D5D

#C2A2AB #B9939E #B08591 #A77784 #9E6977 #955B6A #8D4D5D

#C2A2AB - #8D4D5D

HSV Blend

#C2A2AB - #8D4D5D | 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 #C2A2AB as 0% and #8D4D5D as 100%.

0.0%	0.0% #C2A2AB	RGB 194 162 171	#C2A2AB
16.7%	16.7% #B9919C	RGB 185 145 156	#B9919C
33.3%	33.3% #B0828E	RGB 176 130 142	#B0828E
50.0%	50.0% #A77381	RGB 167 115 129	#A77381
66.7%	66.7% #9E6574	RGB 158 101 116	#9E6574
83.3%	83.3% #955968	RGB 149 89 104	#955968
100.0%	100.0% #8D4D5D	RGB 141 77 93	#8D4D5D

#C2A2AB #B9919C #B0828E #A77381 #9E6574 #955968 #8D4D5D

#C2A2AB - #A77381 - #8D4D5D

CSS codes

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

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