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

#4D3EBF #CCC7EC

Calculate the color between two colors, #4D3EBF 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)

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

0.0%	0.0% #4D3EBF	RGB 77 62 191	#4D3EBF
16.7%	16.7% #6254C6	RGB 98 84 198	#6254C6
33.3%	33.3% #776BCE	RGB 119 107 206	#776BCE
50.0%	50.0% #8C82D5	RGB 140 130 213	#8C82D5
66.7%	66.7% #A199DD	RGB 161 153 221	#A199DD
83.3%	83.3% #B6B0E4	RGB 182 176 228	#B6B0E4
100.0%	100.0% #CCC7EC	RGB 204 199 236	#CCC7EC

#4D3EBF #6254C6 #776BCE #8C82D5 #A199DD #B6B0E4 #CCC7EC

#4D3EBF - #CCC7EC

HSV Blend

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

0.0%	0.0% #4C3EBF	RGB 76 62 191	#4C3EBF
16.7%	16.7% #5F51C6	RGB 95 81 198	#5F51C6
33.3%	33.3% #7366CE	RGB 115 102 206	#7366CE
50.0%	50.0% #877CD5	RGB 135 124 213	#877CD5
66.7%	66.7% #9D94DD	RGB 157 148 221	#9D94DD
83.3%	83.3% #B4ACE4	RGB 180 172 228	#B4ACE4
100.0%	100.0% #CCC7EC	RGB 204 199 236	#CCC7EC

#4C3EBF #5F51C6 #7366CE #877CD5 #9D94DD #B4ACE4 #CCC7EC

#4D3EBF - #877CD5 - #CCC7EC

CSS codes

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

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