#4D3CBE - #CCC7EC | 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 #4D3CBE to #CCC7EC

#4D3CBE #CCC7EC

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

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

0.0%	0.0% #4D3CBE	RGB 77 60 190	#4D3CBE
16.7%	16.7% #6253C5	RGB 98 83 197	#6253C5
33.3%	33.3% #776ACD	RGB 119 106 205	#776ACD
50.0%	50.0% #8C81D5	RGB 140 129 213	#8C81D5
66.7%	66.7% #A198DC	RGB 161 152 220	#A198DC
83.3%	83.3% #B6AFE4	RGB 182 175 228	#B6AFE4
100.0%	100.0% #CCC7EC	RGB 204 199 236	#CCC7EC

#4D3CBE #6253C5 #776ACD #8C81D5 #A198DC #B6AFE4 #CCC7EC

#4D3CBE - #CCC7EC

HSV Blend

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

0.0%	0.0% #4D3CBE	RGB 77 60 190	#4D3CBE
16.7%	16.7% #5F4FC5	RGB 95 79 197	#5F4FC5
33.3%	33.3% #7264CD	RGB 114 100 205	#7264CD
50.0%	50.0% #877BD5	RGB 135 123 213	#877BD5
66.7%	66.7% #9D93DC	RGB 157 147 220	#9D93DC
83.3%	83.3% #B3ACE4	RGB 179 172 228	#B3ACE4
100.0%	100.0% #CCC7EC	RGB 204 199 236	#CCC7EC

#4D3CBE #5F4FC5 #7264CD #877BD5 #9D93DC #B3ACE4 #CCC7EC

#4D3CBE - #877BD5 - #CCC7EC

CSS codes

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

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