#4D4D9D - #8F95C0 | 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 #4D4D9D to #8F95C0

#4D4D9D #8F95C0

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

#4D4D9D - #8F95C0 | 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 #4D4D9D as 0% and #8F95C0 as 100%.

0.0%	0.0% #4D4D9D	RGB 77 77 157	#4D4D9D
16.7%	16.7% #5859A2	RGB 88 89 162	#5859A2
33.3%	33.3% #6365A8	RGB 99 101 168	#6365A8
50.0%	50.0% #6E71AE	RGB 110 113 174	#6E71AE
66.7%	66.7% #797DB4	RGB 121 125 180	#797DB4
83.3%	83.3% #8489BA	RGB 132 137 186	#8489BA
100.0%	100.0% #8F95C0	RGB 143 149 192	#8F95C0

#4D4D9D #5859A2 #6365A8 #6E71AE #797DB4 #8489BA #8F95C0

#4D4D9D - #8F95C0

HSV Blend

#4D4D9D - #8F95C0 | 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 #4D4D9D as 0% and #8F95C0 as 100%.

0.0%	0.0% #4D4D9D	RGB 77 77 157	#4D4D9D
16.7%	16.7% #5658A2	RGB 86 88 162	#5658A2
33.3%	33.3% #6163A8	RGB 97 99 168	#6163A8
50.0%	50.0% #6B6FAE	RGB 107 111 174	#6B6FAE
66.7%	66.7% #777CB4	RGB 119 124 180	#777CB4
83.3%	83.3% #8288BA	RGB 130 136 186	#8288BA
100.0%	100.0% #8F95C0	RGB 143 149 192	#8F95C0

#4D4D9D #5658A2 #6163A8 #6B6FAE #777CB4 #8288BA #8F95C0

#4D4D9D - #6B6FAE - #8F95C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D9D 0%, #6B6FAE 50%, #8F95C0 100%);
    background: -webkit-linear-gradient(top, #4D4D9D 0%, #6B6FAE 50%, #8F95C0 100%);
    background: linear-gradient(to bottom, #4D4D9D 0%, #6B6FAE 50%, #8F95C0 100%);
}
</style>