#3E3E89 - #0D1B2D | 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 #3E3E89 to #0D1B2D

#3E3E89 #0D1B2D

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

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

0.0%	0.0% #3E3E89	RGB 62 62 137	#3E3E89
16.7%	16.7% #353879	RGB 53 56 121	#353879
33.3%	33.3% #2D326A	RGB 45 50 106	#2D326A
50.0%	50.0% #252C5B	RGB 37 44 91	#252C5B
66.7%	66.7% #1D264B	RGB 29 38 75	#1D264B
83.3%	83.3% #15203C	RGB 21 32 60	#15203C
100.0%	100.0% #0D1B2D	RGB 13 27 45	#0D1B2D

#3E3E89 #353879 #2D326A #252C5B #1D264B #15203C #0D1B2D

#3E3E89 - #0D1B2D

HSV Blend

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

0.0%	0.0% #3E3E89	RGB 62 62 137	#3E3E89
16.7%	16.7% #333879	RGB 51 56 121	#333879
33.3%	33.3% #2A336A	RGB 42 51 106	#2A336A
50.0%	50.0% #212E5B	RGB 33 46 91	#212E5B
66.7%	66.7% #19284B	RGB 25 40 75	#19284B
83.3%	83.3% #13223C	RGB 19 34 60	#13223C
100.0%	100.0% #0D1B2D	RGB 13 27 45	#0D1B2D

#3E3E89 #333879 #2A336A #212E5B #19284B #13223C #0D1B2D

#3E3E89 - #212E5B - #0D1B2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E89 0%, #212E5B 50%, #0D1B2D 100%);
    background: -webkit-linear-gradient(top, #3E3E89 0%, #212E5B 50%, #0D1B2D 100%);
    background: linear-gradient(to bottom, #3E3E89 0%, #212E5B 50%, #0D1B2D 100%);
}
</style>