#3E469C - #0D0F5E | 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 #3E469C to #0D0F5E

#3E469C #0D0F5E

Calculate the color between two colors, #3E469C and #0D0F5E. 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)

#3E469C - #0D0F5E | 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 #3E469C as 0% and #0D0F5E as 100%.

0.0%	0.0% #3E469C	RGB 62 70 156	#3E469C
16.7%	16.7% #353C91	RGB 53 60 145	#353C91
33.3%	33.3% #2D3387	RGB 45 51 135	#2D3387
50.0%	50.0% #252A7D	RGB 37 42 125	#252A7D
66.7%	66.7% #1D2172	RGB 29 33 114	#1D2172
83.3%	83.3% #151868	RGB 21 24 104	#151868
100.0%	100.0% #0D0F5E	RGB 13 15 94	#0D0F5E

#3E469C #353C91 #2D3387 #252A7D #1D2172 #151868 #0D0F5E

#3E469C - #0D0F5E

HSV Blend

#3E469C - #0D0F5E | 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 #3E469C as 0% and #0D0F5E as 100%.

0.0%	0.0% #3E469C	RGB 62 70 156	#3E469C
16.7%	16.7% #333A91	RGB 51 58 145	#333A91
33.3%	33.3% #2A3087	RGB 42 48 135	#2A3087
50.0%	50.0% #21267D	RGB 33 38 125	#21267D
66.7%	66.7% #191D72	RGB 25 29 114	#191D72
83.3%	83.3% #121568	RGB 18 21 104	#121568
100.0%	100.0% #0D0F5E	RGB 13 15 94	#0D0F5E

#3E469C #333A91 #2A3087 #21267D #191D72 #121568 #0D0F5E

#3E469C - #21267D - #0D0F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E469C 0%, #21267D 50%, #0D0F5E 100%);
    background: -webkit-linear-gradient(top, #3E469C 0%, #21267D 50%, #0D0F5E 100%);
    background: linear-gradient(to bottom, #3E469C 0%, #21267D 50%, #0D0F5E 100%);
}
</style>