#4D60AB - #BF9DF7 | 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 #4D60AB to #BF9DF7

#4D60AB #BF9DF7

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

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

0.0%	0.0% #4D60AB	RGB 77 96 171	#4D60AB
16.7%	16.7% #606AB7	RGB 96 106 183	#606AB7
33.3%	33.3% #7374C4	RGB 115 116 196	#7374C4
50.0%	50.0% #867ED1	RGB 134 126 209	#867ED1
66.7%	66.7% #9988DD	RGB 153 136 221	#9988DD
83.3%	83.3% #AC92EA	RGB 172 146 234	#AC92EA
100.0%	100.0% #BF9DF7	RGB 191 157 247	#BF9DF7

#4D60AB #606AB7 #7374C4 #867ED1 #9988DD #AC92EA #BF9DF7

#4D60AB - #BF9DF7

HSV Blend

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

0.0%	0.0% #4D5FAB	RGB 77 95 171	#4D5FAB
16.7%	16.7% #5862B7	RGB 88 98 183	#5862B7
33.3%	33.3% #6465C4	RGB 100 101 196	#6465C4
50.0%	50.0% #7971D1	RGB 121 113 209	#7971D1
66.7%	66.7% #907FDD	RGB 144 127 221	#907FDD
83.3%	83.3% #A78DEA	RGB 167 141 234	#A78DEA
100.0%	100.0% #BF9DF7	RGB 191 157 247	#BF9DF7

#4D5FAB #5862B7 #6465C4 #7971D1 #907FDD #A78DEA #BF9DF7

#4D60AB - #7971D1 - #BF9DF7

CSS codes

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

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