#C4A8BB - #8C577B | 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 #C4A8BB to #8C577B

#C4A8BB #8C577B

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

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

0.0%	0.0% #C4A8BB	RGB 196 168 187	#C4A8BB
16.7%	16.7% #BA9AB0	RGB 186 154 176	#BA9AB0
33.3%	33.3% #B18DA5	RGB 177 141 165	#B18DA5
50.0%	50.0% #A87F9B	RGB 168 127 155	#A87F9B
66.7%	66.7% #9E7290	RGB 158 114 144	#9E7290
83.3%	83.3% #956485	RGB 149 100 133	#956485
100.0%	100.0% #8C577B	RGB 140 87 123	#8C577B

#C4A8BB #BA9AB0 #B18DA5 #A87F9B #9E7290 #956485 #8C577B

#C4A8BB - #8C577B

HSV Blend

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

0.0%	0.0% #C4A8BB	RGB 196 168 187	#C4A8BB
16.7%	16.7% #BA98AF	RGB 186 152 175	#BA98AF
33.3%	33.3% #B18AA4	RGB 177 138 164	#B18AA4
50.0%	50.0% #A87C99	RGB 168 124 153	#A87C99
66.7%	66.7% #9E6F8F	RGB 158 111 143	#9E6F8F
83.3%	83.3% #956285	RGB 149 98 133	#956285
100.0%	100.0% #8C577B	RGB 140 87 123	#8C577B

#C4A8BB #BA98AF #B18AA4 #A87C99 #9E6F8F #956285 #8C577B

#C4A8BB - #A87C99 - #8C577B

CSS codes

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

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