#C4A8CB - #8B568A | 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 #C4A8CB to #8B568A

#C4A8CB #8B568A

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

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

0.0%	0.0% #C4A8CB	RGB 196 168 203	#C4A8CB
16.7%	16.7% #BA9AC0	RGB 186 154 192	#BA9AC0
33.3%	33.3% #B18CB5	RGB 177 140 181	#B18CB5
50.0%	50.0% #A77FAA	RGB 167 127 170	#A77FAA
66.7%	66.7% #9E719F	RGB 158 113 159	#9E719F
83.3%	83.3% #946394	RGB 148 99 148	#946394
100.0%	100.0% #8B568A	RGB 139 86 138	#8B568A

#C4A8CB #BA9AC0 #B18CB5 #A77FAA #9E719F #946394 #8B568A

#C4A8CB - #8B568A

HSV Blend

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

0.0%	0.0% #C4A8CB	RGB 196 168 203	#C4A8CB
16.7%	16.7% #B998C0	RGB 185 152 192	#B998C0
33.3%	33.3% #B089B5	RGB 176 137 181	#B089B5
50.0%	50.0% #A67BAB	RGB 166 123 171	#A67BAB
66.7%	66.7% #9D6EA0	RGB 157 110 160	#9D6EA0
83.3%	83.3% #946195	RGB 148 97 149	#946195
100.0%	100.0% #8B568A	RGB 139 86 138	#8B568A

#C4A8CB #B998C0 #B089B5 #A67BAB #9D6EA0 #946195 #8B568A

#C4A8CB - #A67BAB - #8B568A

CSS codes

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

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