#C48DBB - #8B397C | 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 #C48DBB to #8B397C

#C48DBB #8B397C

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

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

0.0%	0.0% #C48DBB	RGB 196 141 187	#C48DBB
16.7%	16.7% #BA7FB0	RGB 186 127 176	#BA7FB0
33.3%	33.3% #B171A6	RGB 177 113 166	#B171A6
50.0%	50.0% #A7639B	RGB 167 99 155	#A7639B
66.7%	66.7% #9E5591	RGB 158 85 145	#9E5591
83.3%	83.3% #944786	RGB 148 71 134	#944786
100.0%	100.0% #8B397C	RGB 139 57 124	#8B397C

#C48DBB #BA7FB0 #B171A6 #A7639B #9E5591 #944786 #8B397C

#C48DBB - #8B397C

HSV Blend

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

0.0%	0.0% #C48DBB	RGB 196 141 187	#C48DBB
16.7%	16.7% #BA7CB0	RGB 186 124 176	#BA7CB0
33.3%	33.3% #B16DA5	RGB 177 109 165	#B16DA5
50.0%	50.0% #A75E9A	RGB 167 94 154	#A75E9A
66.7%	66.7% #9E5190	RGB 158 81 144	#9E5190
83.3%	83.3% #944486	RGB 148 68 134	#944486
100.0%	100.0% #8B397C	RGB 139 57 124	#8B397C

#C48DBB #BA7CB0 #B16DA5 #A75E9A #9E5190 #944486 #8B397C

#C48DBB - #A75E9A - #8B397C

CSS codes

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

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