#4D7EAB - #A49DF7 | 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 #4D7EAB to #A49DF7

#4D7EAB #A49DF7

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

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

0.0%	0.0% #4D7EAB	RGB 77 126 171	#4D7EAB
16.7%	16.7% #5B83B7	RGB 91 131 183	#5B83B7
33.3%	33.3% #6A88C4	RGB 106 136 196	#6A88C4
50.0%	50.0% #788DD1	RGB 120 141 209	#788DD1
66.7%	66.7% #8792DD	RGB 135 146 221	#8792DD
83.3%	83.3% #9597EA	RGB 149 151 234	#9597EA
100.0%	100.0% #A49DF7	RGB 164 157 247	#A49DF7

#4D7EAB #5B83B7 #6A88C4 #788DD1 #8792DD #9597EA #A49DF7

#4D7EAB - #A49DF7

HSV Blend

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

0.0%	0.0% #4D7DAB	RGB 77 125 171	#4D7DAB
16.7%	16.7% #5880B7	RGB 88 128 183	#5880B7
33.3%	33.3% #6483C4	RGB 100 131 196	#6483C4
50.0%	50.0% #7186D1	RGB 113 134 209	#7186D1
66.7%	66.7% #7F8ADD	RGB 127 138 221	#7F8ADD
83.3%	83.3% #8D8FEA	RGB 141 143 234	#8D8FEA
100.0%	100.0% #A49DF7	RGB 164 157 247	#A49DF7

#4D7DAB #5880B7 #6483C4 #7186D1 #7F8ADD #8D8FEA #A49DF7

#4D7EAB - #7186D1 - #A49DF7

CSS codes

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

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