#4E4EB6 - #8899D8 | 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 #4E4EB6 to #8899D8

#4E4EB6 #8899D8

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

#4E4EB6 - #8899D8 | 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 #4E4EB6 as 0% and #8899D8 as 100%.

0.0%	0.0% #4E4EB6	RGB 78 78 182	#4E4EB6
16.7%	16.7% #575ABB	RGB 87 90 187	#575ABB
33.3%	33.3% #6167C1	RGB 97 103 193	#6167C1
50.0%	50.0% #6B73C7	RGB 107 115 199	#6B73C7
66.7%	66.7% #7480CC	RGB 116 128 204	#7480CC
83.3%	83.3% #7E8CD2	RGB 126 140 210	#7E8CD2
100.0%	100.0% #8899D8	RGB 136 153 216	#8899D8

#4E4EB6 #575ABB #6167C1 #6B73C7 #7480CC #7E8CD2 #8899D8

#4E4EB6 - #8899D8

HSV Blend

#4E4EB6 - #8899D8 | 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 #4E4EB6 as 0% and #8899D8 as 100%.

0.0%	0.0% #4E4EB6	RGB 78 78 182	#4E4EB6
16.7%	16.7% #565ABB	RGB 86 90 187	#565ABB
33.3%	33.3% #5F66C1	RGB 95 102 193	#5F66C1
50.0%	50.0% #6973C7	RGB 105 115 199	#6973C7
66.7%	66.7% #737FCC	RGB 115 127 204	#737FCC
83.3%	83.3% #7D8CD2	RGB 125 140 210	#7D8CD2
100.0%	100.0% #8899D8	RGB 136 153 216	#8899D8

#4E4EB6 #565ABB #5F66C1 #6973C7 #737FCC #7D8CD2 #8899D8

#4E4EB6 - #6973C7 - #8899D8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4EB6 0%, #6973C7 50%, #8899D8 100%);
    background: -webkit-linear-gradient(top, #4E4EB6 0%, #6973C7 50%, #8899D8 100%);
    background: linear-gradient(to bottom, #4E4EB6 0%, #6973C7 50%, #8899D8 100%);
}
</style>