#C0AFB5 - #8E5B68 | 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 #C0AFB5 to #8E5B68

#C0AFB5 #8E5B68

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

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

0.0%	0.0% #C0AFB5	RGB 192 175 181	#C0AFB5
16.7%	16.7% #B7A1A8	RGB 183 161 168	#B7A1A8
33.3%	33.3% #AF939B	RGB 175 147 155	#AF939B
50.0%	50.0% #A7858E	RGB 167 133 142	#A7858E
66.7%	66.7% #9E7781	RGB 158 119 129	#9E7781
83.3%	83.3% #966974	RGB 150 105 116	#966974
100.0%	100.0% #8E5B68	RGB 142 91 104	#8E5B68

#C0AFB5 #B7A1A8 #AF939B #A7858E #9E7781 #966974 #8E5B68

#C0AFB5 - #8E5B68

HSV Blend

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

0.0%	0.0% #C0AFB5	RGB 192 175 181	#C0AFB5
16.7%	16.7% #B79FA7	RGB 183 159 167	#B79FA7
33.3%	33.3% #AF8F9A	RGB 175 143 154	#AF8F9A
50.0%	50.0% #A7818C	RGB 167 129 140	#A7818C
66.7%	66.7% #9E7380	RGB 158 115 128	#9E7380
83.3%	83.3% #966773	RGB 150 103 115	#966773
100.0%	100.0% #8E5B68	RGB 142 91 104	#8E5B68

#C0AFB5 #B79FA7 #AF8F9A #A7818C #9E7380 #966773 #8E5B68

#C0AFB5 - #A7818C - #8E5B68

CSS codes

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

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