#4D3E89 - #CCC7DD | 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 #4D3E89 to #CCC7DD

#4D3E89 #CCC7DD

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

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

0.0%	0.0% #4D3E89	RGB 77 62 137	#4D3E89
16.7%	16.7% #625497	RGB 98 84 151	#625497
33.3%	33.3% #776BA5	RGB 119 107 165	#776BA5
50.0%	50.0% #8C82B3	RGB 140 130 179	#8C82B3
66.7%	66.7% #A199C1	RGB 161 153 193	#A199C1
83.3%	83.3% #B6B0CF	RGB 182 176 207	#B6B0CF
100.0%	100.0% #CCC7DD	RGB 204 199 221	#CCC7DD

#4D3E89 #625497 #776BA5 #8C82B3 #A199C1 #B6B0CF #CCC7DD

#4D3E89 - #CCC7DD

HSV Blend

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

0.0%	0.0% #4D3E89	RGB 77 62 137	#4D3E89
16.7%	16.7% #5E4F97	RGB 94 79 151	#5E4F97
33.3%	33.3% #7163A5	RGB 113 99 165	#7163A5
50.0%	50.0% #8579B3	RGB 133 121 179	#8579B3
66.7%	66.7% #9B90C1	RGB 155 144 193	#9B90C1
83.3%	83.3% #B2AACF	RGB 178 170 207	#B2AACF
100.0%	100.0% #CCC7DD	RGB 204 199 221	#CCC7DD

#4D3E89 #5E4F97 #7163A5 #8579B3 #9B90C1 #B2AACF #CCC7DD

#4D3E89 - #8579B3 - #CCC7DD

CSS codes

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

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