#3C5AB3 - #1A245E | 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 #3C5AB3 to #1A245E

#3C5AB3 #1A245E

Calculate the color between two colors, #3C5AB3 and #1A245E. 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)

#3C5AB3 - #1A245E | 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 #3C5AB3 as 0% and #1A245E as 100%.

0.0%	0.0% #3C5AB3	RGB 60 90 179	#3C5AB3
16.7%	16.7% #3651A4	RGB 54 81 164	#3651A4
33.3%	33.3% #304896	RGB 48 72 150	#304896
50.0%	50.0% #2B3F88	RGB 43 63 136	#2B3F88
66.7%	66.7% #25367A	RGB 37 54 122	#25367A
83.3%	83.3% #1F2D6C	RGB 31 45 108	#1F2D6C
100.0%	100.0% #1A245E	RGB 26 36 94	#1A245E

#3C5AB3 #3651A4 #304896 #2B3F88 #25367A #1F2D6C #1A245E

#3C5AB3 - #1A245E

HSV Blend

#3C5AB3 - #1A245E | 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 #3C5AB3 as 0% and #1A245E as 100%.

0.0%	0.0% #3C59B3	RGB 60 89 179	#3C59B3
16.7%	16.7% #354FA4	RGB 53 79 164	#354FA4
33.3%	33.3% #2F4596	RGB 47 69 150	#2F4596
50.0%	50.0% #293C88	RGB 41 60 136	#293C88
66.7%	66.7% #24337A	RGB 36 51 122	#24337A
83.3%	83.3% #1E2B6C	RGB 30 43 108	#1E2B6C
100.0%	100.0% #1A245E	RGB 26 36 94	#1A245E

#3C59B3 #354FA4 #2F4596 #293C88 #24337A #1E2B6C #1A245E

#3C5AB3 - #293C88 - #1A245E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C59B3 0%, #293C88 50%, #1A245E 100%);
    background: -webkit-linear-gradient(top, #3C59B3 0%, #293C88 50%, #1A245E 100%);
    background: linear-gradient(to bottom, #3C59B3 0%, #293C88 50%, #1A245E 100%);
}
</style>