#3E4A8C - #8892B5 | 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 #3E4A8C to #8892B5

#3E4A8C #8892B5

Calculate the color between two colors, #3E4A8C and #8892B5. 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)

#3E4A8C - #8892B5 | 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 #3E4A8C as 0% and #8892B5 as 100%.

0.0%	0.0% #3E4A8C	RGB 62 74 140	#3E4A8C
16.7%	16.7% #4A5692	RGB 74 86 146	#4A5692
33.3%	33.3% #566299	RGB 86 98 153	#566299
50.0%	50.0% #636EA0	RGB 99 110 160	#636EA0
66.7%	66.7% #6F7AA7	RGB 111 122 167	#6F7AA7
83.3%	83.3% #7B86AE	RGB 123 134 174	#7B86AE
100.0%	100.0% #8892B5	RGB 136 146 181	#8892B5

#3E4A8C #4A5692 #566299 #636EA0 #6F7AA7 #7B86AE #8892B5

#3E4A8C - #8892B5

HSV Blend

#3E4A8C - #8892B5 | 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 #3E4A8C as 0% and #8892B5 as 100%.

0.0%	0.0% #3E498C	RGB 62 73 140	#3E498C
16.7%	16.7% #485492	RGB 72 84 146	#485492
33.3%	33.3% #536099	RGB 83 96 153	#536099
50.0%	50.0% #5F6BA0	RGB 95 107 160	#5F6BA0
66.7%	66.7% #6C78A7	RGB 108 120 167	#6C78A7
83.3%	83.3% #7984AE	RGB 121 132 174	#7984AE
100.0%	100.0% #8892B5	RGB 136 146 181	#8892B5

#3E498C #485492 #536099 #5F6BA0 #6C78A7 #7984AE #8892B5

#3E4A8C - #5F6BA0 - #8892B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E498C 0%, #5F6BA0 50%, #8892B5 100%);
    background: -webkit-linear-gradient(top, #3E498C 0%, #5F6BA0 50%, #8892B5 100%);
    background: linear-gradient(to bottom, #3E498C 0%, #5F6BA0 50%, #8892B5 100%);
}
</style>