#4D6DAB - #B49DF7 | 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 #4D6DAB to #B49DF7

#4D6DAB #B49DF7

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

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

0.0%	0.0% #4D6DAB	RGB 77 109 171	#4D6DAB
16.7%	16.7% #5E75B7	RGB 94 117 183	#5E75B7
33.3%	33.3% #6F7DC4	RGB 111 125 196	#6F7DC4
50.0%	50.0% #8085D1	RGB 128 133 209	#8085D1
66.7%	66.7% #918DDD	RGB 145 141 221	#918DDD
83.3%	83.3% #A295EA	RGB 162 149 234	#A295EA
100.0%	100.0% #B49DF7	RGB 180 157 247	#B49DF7

#4D6DAB #5E75B7 #6F7DC4 #8085D1 #918DDD #A295EA #B49DF7

#4D6DAB - #B49DF7

HSV Blend

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

0.0%	0.0% #4D6DAB	RGB 77 109 171	#4D6DAB
16.7%	16.7% #586FB7	RGB 88 111 183	#586FB7
33.3%	33.3% #6472C4	RGB 100 114 196	#6472C4
50.0%	50.0% #7175D1	RGB 113 117 209	#7175D1
66.7%	66.7% #847FDD	RGB 132 127 221	#847FDD
83.3%	83.3% #9C8DEA	RGB 156 141 234	#9C8DEA
100.0%	100.0% #B49DF7	RGB 180 157 247	#B49DF7

#4D6DAB #586FB7 #6472C4 #7175D1 #847FDD #9C8DEA #B49DF7

#4D6DAB - #7175D1 - #B49DF7

CSS codes

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

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