#4D3EBF - #BC98E3 | 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 #BC98E3

#4D3EBF #BC98E3

Calculate the color between two colors, #4D3EBF and #BC98E3. 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 - #BC98E3 | 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 #BC98E3 as 100%.

0.0%	0.0% #4D3EBF	RGB 77 62 191	#4D3EBF
16.7%	16.7% #5F4DC5	RGB 95 77 197	#5F4DC5
33.3%	33.3% #725CCB	RGB 114 92 203	#725CCB
50.0%	50.0% #846BD1	RGB 132 107 209	#846BD1
66.7%	66.7% #977AD7	RGB 151 122 215	#977AD7
83.3%	83.3% #A989DD	RGB 169 137 221	#A989DD
100.0%	100.0% #BC98E3	RGB 188 152 227	#BC98E3

#4D3EBF #5F4DC5 #725CCB #846BD1 #977AD7 #A989DD #BC98E3

#4D3EBF - #BC98E3

HSV Blend

#4D3EBF - #BC98E3 | 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 #BC98E3 as 100%.

0.0%	0.0% #4C3EBF	RGB 76 62 191	#4C3EBF
16.7%	16.7% #604BC5	RGB 96 75 197	#604BC5
33.3%	33.3% #7459CB	RGB 116 89 203	#7459CB
50.0%	50.0% #8767D1	RGB 135 103 209	#8767D1
66.7%	66.7% #9977D7	RGB 153 119 215	#9977D7
83.3%	83.3% #AB87DD	RGB 171 135 221	#AB87DD
100.0%	100.0% #BC98E3	RGB 188 152 227	#BC98E3

#4C3EBF #604BC5 #7459CB #8767D1 #9977D7 #AB87DD #BC98E3

#4D3EBF - #8767D1 - #BC98E3

CSS codes

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

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