#C8AFB7 - #95596A | 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 #C8AFB7 to #95596A

#C8AFB7 #95596A

Calculate the color between two colors, #C8AFB7 and #95596A. 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)

#C8AFB7 - #95596A | 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 #C8AFB7 as 0% and #95596A as 100%.

0.0%	0.0% #C8AFB7	RGB 200 175 183	#C8AFB7
16.7%	16.7% #BFA0AA	RGB 191 160 170	#BFA0AA
33.3%	33.3% #B7929D	RGB 183 146 157	#B7929D
50.0%	50.0% #AE8490	RGB 174 132 144	#AE8490
66.7%	66.7% #A67583	RGB 166 117 131	#A67583
83.3%	83.3% #9D6776	RGB 157 103 118	#9D6776
100.0%	100.0% #95596A	RGB 149 89 106	#95596A

#C8AFB7 #BFA0AA #B7929D #AE8490 #A67583 #9D6776 #95596A

#C8AFB7 - #95596A

HSV Blend

#C8AFB7 - #95596A | 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 #C8AFB7 as 0% and #95596A as 100%.

0.0%	0.0% #C8AFB7	RGB 200 175 183	#C8AFB7
16.7%	16.7% #BF9EA8	RGB 191 158 168	#BF9EA8
33.3%	33.3% #B78F9B	RGB 183 143 155	#B78F9B
50.0%	50.0% #AE808E	RGB 174 128 142	#AE808E
66.7%	66.7% #A67281	RGB 166 114 129	#A67281
83.3%	83.3% #9D6575	RGB 157 101 117	#9D6575
100.0%	100.0% #95596A	RGB 149 89 106	#95596A

#C8AFB7 #BF9EA8 #B78F9B #AE808E #A67281 #9D6575 #95596A

#C8AFB7 - #AE808E - #95596A

CSS codes

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

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