#4D3E6D - #657FD0 | 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 #4D3E6D to #657FD0

#4D3E6D #657FD0

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

#4D3E6D - #657FD0 | 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 #4D3E6D as 0% and #657FD0 as 100%.

0.0%	0.0% #4D3E6D	RGB 77 62 109	#4D3E6D
16.7%	16.7% #51487D	RGB 81 72 125	#51487D
33.3%	33.3% #55538E	RGB 85 83 142	#55538E
50.0%	50.0% #595E9E	RGB 89 94 158	#595E9E
66.7%	66.7% #5D69AF	RGB 93 105 175	#5D69AF
83.3%	83.3% #6174BF	RGB 97 116 191	#6174BF
100.0%	100.0% #657FD0	RGB 101 127 208	#657FD0

#4D3E6D #51487D #55538E #595E9E #5D69AF #6174BF #657FD0

#4D3E6D - #657FD0

HSV Blend

#4D3E6D - #657FD0 | 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 #4D3E6D as 0% and #657FD0 as 100%.

0.0%	0.0% #4D3E6D	RGB 77 62 109	#4D3E6D
16.7%	16.7% #52457D	RGB 82 69 125	#52457D
33.3%	33.3% #554C8E	RGB 85 76 142	#554C8E
50.0%	50.0% #56539E	RGB 86 83 158	#56539E
66.7%	66.7% #595EAF	RGB 89 94 175	#595EAF
83.3%	83.3% #5F6DBF	RGB 95 109 191	#5F6DBF
100.0%	100.0% #657FD0	RGB 101 127 208	#657FD0

#4D3E6D #52457D #554C8E #56539E #595EAF #5F6DBF #657FD0

#4D3E6D - #56539E - #657FD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E6D 0%, #56539E 50%, #657FD0 100%);
    background: -webkit-linear-gradient(top, #4D3E6D 0%, #56539E 50%, #657FD0 100%);
    background: linear-gradient(to bottom, #4D3E6D 0%, #56539E 50%, #657FD0 100%);
}
</style>