#4E3E8F - #CCC7DF | 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 #4E3E8F to #CCC7DF

#4E3E8F #CCC7DF

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

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

0.0%	0.0% #4E3E8F	RGB 78 62 143	#4E3E8F
16.7%	16.7% #63549C	RGB 99 84 156	#63549C
33.3%	33.3% #786BA9	RGB 120 107 169	#786BA9
50.0%	50.0% #8D82B7	RGB 141 130 183	#8D82B7
66.7%	66.7% #A299C4	RGB 162 153 196	#A299C4
83.3%	83.3% #B7B0D1	RGB 183 176 209	#B7B0D1
100.0%	100.0% #CCC7DF	RGB 204 199 223	#CCC7DF

#4E3E8F #63549C #786BA9 #8D82B7 #A299C4 #B7B0D1 #CCC7DF

#4E3E8F - #CCC7DF

HSV Blend

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

0.0%	0.0% #4E3E8F	RGB 78 62 143	#4E3E8F
16.7%	16.7% #5F4F9C	RGB 95 79 156	#5F4F9C
33.3%	33.3% #7163A9	RGB 113 99 169	#7163A9
50.0%	50.0% #8579B7	RGB 133 121 183	#8579B7
66.7%	66.7% #9B91C4	RGB 155 145 196	#9B91C4
83.3%	83.3% #B3ABD1	RGB 179 171 209	#B3ABD1
100.0%	100.0% #CCC7DF	RGB 204 199 223	#CCC7DF

#4E3E8F #5F4F9C #7163A9 #8579B7 #9B91C4 #B3ABD1 #CCC7DF

#4E3E8F - #8579B7 - #CCC7DF

CSS codes

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

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