#3A3A8C - #0D192E | 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 #3A3A8C to #0D192E

#3A3A8C #0D192E

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

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

0.0%	0.0% #3A3A8C	RGB 58 58 140	#3A3A8C
16.7%	16.7% #32347C	RGB 50 52 124	#32347C
33.3%	33.3% #2B2F6C	RGB 43 47 108	#2B2F6C
50.0%	50.0% #23295D	RGB 35 41 93	#23295D
66.7%	66.7% #1C244D	RGB 28 36 77	#1C244D
83.3%	83.3% #141E3D	RGB 20 30 61	#141E3D
100.0%	100.0% #0D192E	RGB 13 25 46	#0D192E

#3A3A8C #32347C #2B2F6C #23295D #1C244D #141E3D #0D192E

#3A3A8C - #0D192E

HSV Blend

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

0.0%	0.0% #3A3A8C	RGB 58 58 140	#3A3A8C
16.7%	16.7% #30357C	RGB 48 53 124	#30357C
33.3%	33.3% #28306C	RGB 40 48 108	#28306C
50.0%	50.0% #202B5D	RGB 32 43 93	#202B5D
66.7%	66.7% #19254D	RGB 25 37 77	#19254D
83.3%	83.3% #121F3D	RGB 18 31 61	#121F3D
100.0%	100.0% #0D192E	RGB 13 25 46	#0D192E

#3A3A8C #30357C #28306C #202B5D #19254D #121F3D #0D192E

#3A3A8C - #202B5D - #0D192E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3A8C 0%, #202B5D 50%, #0D192E 100%);
    background: -webkit-linear-gradient(top, #3A3A8C 0%, #202B5D 50%, #0D192E 100%);
    background: linear-gradient(to bottom, #3A3A8C 0%, #202B5D 50%, #0D192E 100%);
}
</style>