#4D3C84 - #CB8AA3 | 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 #4D3C84 to #CB8AA3

#4D3C84 #CB8AA3

Calculate the color between two colors, #4D3C84 and #CB8AA3. 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)

#4D3C84 - #CB8AA3 | 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 #4D3C84 as 0% and #CB8AA3 as 100%.

0.0%	0.0% #4D3C84	RGB 77 60 132	#4D3C84
16.7%	16.7% #624989	RGB 98 73 137	#624989
33.3%	33.3% #77568E	RGB 119 86 142	#77568E
50.0%	50.0% #8C6393	RGB 140 99 147	#8C6393
66.7%	66.7% #A17098	RGB 161 112 152	#A17098
83.3%	83.3% #B67D9D	RGB 182 125 157	#B67D9D
100.0%	100.0% #CB8AA3	RGB 203 138 163	#CB8AA3

#4D3C84 #624989 #77568E #8C6393 #A17098 #B67D9D #CB8AA3

#4D3C84 - #CB8AA3

HSV Blend

#4D3C84 - #CB8AA3 | 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 #4D3C84 as 0% and #CB8AA3 as 100%.

0.0%	0.0% #4C3C84	RGB 76 60 132	#4C3C84
16.7%	16.7% #68468F	RGB 104 70 143	#68468F
33.3%	33.3% #85529B	RGB 133 82 155	#85529B
50.0%	50.0% #A25FA7	RGB 162 95 167	#A25FA7
66.7%	66.7% #B36CA8	RGB 179 108 168	#B36CA8
83.3%	83.3% #BF7AA4	RGB 191 122 164	#BF7AA4
100.0%	100.0% #CB8AA3	RGB 203 138 163	#CB8AA3

#4C3C84 #68468F #85529B #A25FA7 #B36CA8 #BF7AA4 #CB8AA3

#4D3C84 - #A25FA7 - #CB8AA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C3C84 0%, #A25FA7 50%, #CB8AA3 100%);
    background: -webkit-linear-gradient(top, #4C3C84 0%, #A25FA7 50%, #CB8AA3 100%);
    background: linear-gradient(to bottom, #4C3C84 0%, #A25FA7 50%, #CB8AA3 100%);
}
</style>