#C8ADB5 - #955868 | 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 #C8ADB5 to #955868

#C8ADB5 #955868

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

#C8ADB5 - #955868 | 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 #C8ADB5 as 0% and #955868 as 100%.

0.0%	0.0% #C8ADB5	RGB 200 173 181	#C8ADB5
16.7%	16.7% #BF9EA8	RGB 191 158 168	#BF9EA8
33.3%	33.3% #B7909B	RGB 183 144 155	#B7909B
50.0%	50.0% #AE828E	RGB 174 130 142	#AE828E
66.7%	66.7% #A67481	RGB 166 116 129	#A67481
83.3%	83.3% #9D6674	RGB 157 102 116	#9D6674
100.0%	100.0% #955868	RGB 149 88 104	#955868

#C8ADB5 #BF9EA8 #B7909B #AE828E #A67481 #9D6674 #955868

#C8ADB5 - #955868

HSV Blend

#C8ADB5 - #955868 | 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 #C8ADB5 as 0% and #955868 as 100%.

0.0%	0.0% #C8ADB5	RGB 200 173 181	#C8ADB5
16.7%	16.7% #BF9CA6	RGB 191 156 166	#BF9CA6
33.3%	33.3% #B78D99	RGB 183 141 153	#B78D99
50.0%	50.0% #AE7F8C	RGB 174 127 140	#AE7F8C
66.7%	66.7% #A6717F	RGB 166 113 127	#A6717F
83.3%	83.3% #9D6473	RGB 157 100 115	#9D6473
100.0%	100.0% #955868	RGB 149 88 104	#955868

#C8ADB5 #BF9CA6 #B78D99 #AE7F8C #A6717F #9D6473 #955868

#C8ADB5 - #AE7F8C - #955868

CSS codes

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

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