#4D3B5E - #CCC7D1 | 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 #4D3B5E to #CCC7D1

#4D3B5E #CCC7D1

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

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

0.0%	0.0% #4D3B5E	RGB 77 59 94	#4D3B5E
16.7%	16.7% #625271	RGB 98 82 113	#625271
33.3%	33.3% #776984	RGB 119 105 132	#776984
50.0%	50.0% #8C8197	RGB 140 129 151	#8C8197
66.7%	66.7% #A198AA	RGB 161 152 170	#A198AA
83.3%	83.3% #B6AFBD	RGB 182 175 189	#B6AFBD
100.0%	100.0% #CCC7D1	RGB 204 199 209	#CCC7D1

#4D3B5E #625271 #776984 #8C8197 #A198AA #B6AFBD #CCC7D1

#4D3B5E - #CCC7D1

HSV Blend

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

0.0%	0.0% #4D3B5E	RGB 77 59 94	#4D3B5E
16.7%	16.7% #5F4D71	RGB 95 77 113	#5F4D71
33.3%	33.3% #736184	RGB 115 97 132	#736184
50.0%	50.0% #877797	RGB 135 119 151	#877797
66.7%	66.7% #9D90AA	RGB 157 144 170	#9D90AA
83.3%	83.3% #B4AABD	RGB 180 170 189	#B4AABD
100.0%	100.0% #CCC7D1	RGB 204 199 209	#CCC7D1

#4D3B5E #5F4D71 #736184 #877797 #9D90AA #B4AABD #CCC7D1

#4D3B5E - #877797 - #CCC7D1

CSS codes

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

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