#C8A8BA - #EFE6EB | 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 #C8A8BA to #EFE6EB

#C8A8BA #EFE6EB

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

#C8A8BA - #EFE6EB | 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 #C8A8BA as 0% and #EFE6EB as 100%.

0.0%	0.0% #C8A8BA	RGB 200 168 186	#C8A8BA
16.7%	16.7% #CEB2C2	RGB 206 178 194	#CEB2C2
33.3%	33.3% #D5BCCA	RGB 213 188 202	#D5BCCA
50.0%	50.0% #DBC7D2	RGB 219 199 210	#DBC7D2
66.7%	66.7% #E2D1DA	RGB 226 209 218	#E2D1DA
83.3%	83.3% #E8DBE2	RGB 232 219 226	#E8DBE2
100.0%	100.0% #EFE6EB	RGB 239 230 235	#EFE6EB

#C8A8BA #CEB2C2 #D5BCCA #DBC7D2 #E2D1DA #E8DBE2 #EFE6EB

#C8A8BA - #EFE6EB

HSV Blend

#C8A8BA - #EFE6EB | 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 #C8A8BA as 0% and #EFE6EB as 100%.

0.0%	0.0% #C8A8BA	RGB 200 168 186	#C8A8BA
16.7%	16.7% #CEB1C1	RGB 206 177 193	#CEB1C1
33.3%	33.3% #D5BBC9	RGB 213 187 201	#D5BBC9
50.0%	50.0% #DBC5D1	RGB 219 197 209	#DBC5D1
66.7%	66.7% #E2D0DA	RGB 226 208 218	#E2D0DA
83.3%	83.3% #E8DBE2	RGB 232 219 226	#E8DBE2
100.0%	100.0% #EFE6EB	RGB 239 230 235	#EFE6EB

#C8A8BA #CEB1C1 #D5BBC9 #DBC5D1 #E2D0DA #E8DBE2 #EFE6EB

#C8A8BA - #DBC5D1 - #EFE6EB

CSS codes

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

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