#C48DB5 - #8C3875 | 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 #C48DB5 to #8C3875

#C48DB5 #8C3875

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

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

0.0%	0.0% #C48DB5	RGB 196 141 181	#C48DB5
16.7%	16.7% #BA7EAA	RGB 186 126 170	#BA7EAA
33.3%	33.3% #B1709F	RGB 177 112 159	#B1709F
50.0%	50.0% #A86295	RGB 168 98 149	#A86295
66.7%	66.7% #9E548A	RGB 158 84 138	#9E548A
83.3%	83.3% #95467F	RGB 149 70 127	#95467F
100.0%	100.0% #8C3875	RGB 140 56 117	#8C3875

#C48DB5 #BA7EAA #B1709F #A86295 #9E548A #95467F #8C3875

#C48DB5 - #8C3875

HSV Blend

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

0.0%	0.0% #C48DB4	RGB 196 141 180	#C48DB4
16.7%	16.7% #BA7CA9	RGB 186 124 169	#BA7CA9
33.3%	33.3% #B16C9E	RGB 177 108 158	#B16C9E
50.0%	50.0% #A85E93	RGB 168 94 147	#A85E93
66.7%	66.7% #9E5089	RGB 158 80 137	#9E5089
83.3%	83.3% #95437E	RGB 149 67 126	#95437E
100.0%	100.0% #8C3875	RGB 140 56 117	#8C3875

#C48DB4 #BA7CA9 #B16C9E #A85E93 #9E5089 #95437E #8C3875

#C48DB5 - #A85E93 - #8C3875

CSS codes

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

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