#C48DAC - #8C3866 | 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 #C48DAC to #8C3866

#C48DAC #8C3866

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

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

0.0%	0.0% #C48DAC	RGB 196 141 172	#C48DAC
16.7%	16.7% #BA7EA0	RGB 186 126 160	#BA7EA0
33.3%	33.3% #B17094	RGB 177 112 148	#B17094
50.0%	50.0% #A86289	RGB 168 98 137	#A86289
66.7%	66.7% #9E547D	RGB 158 84 125	#9E547D
83.3%	83.3% #954671	RGB 149 70 113	#954671
100.0%	100.0% #8C3866	RGB 140 56 102	#8C3866

#C48DAC #BA7EA0 #B17094 #A86289 #9E547D #954671 #8C3866

#C48DAC - #8C3866

HSV Blend

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

0.0%	0.0% #C48DAC	RGB 196 141 172	#C48DAC
16.7%	16.7% #BA7C9F	RGB 186 124 159	#BA7C9F
33.3%	33.3% #B16C93	RGB 177 108 147	#B16C93
50.0%	50.0% #A85E87	RGB 168 94 135	#A85E87
66.7%	66.7% #9E507B	RGB 158 80 123	#9E507B
83.3%	83.3% #954370	RGB 149 67 112	#954370
100.0%	100.0% #8C3866	RGB 140 56 102	#8C3866

#C48DAC #BA7C9F #B16C93 #A85E87 #9E507B #954370 #8C3866

#C48DAC - #A85E87 - #8C3866

CSS codes

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

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