#3C42B3 - #001A5E | 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 #3C42B3 to #001A5E

#3C42B3 #001A5E

Calculate the color between two colors, #3C42B3 and #001A5E. 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)

#3C42B3 - #001A5E | 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 #3C42B3 as 0% and #001A5E as 100%.

0.0%	0.0% #3C42B3	RGB 60 66 179	#3C42B3
16.7%	16.7% #323BA4	RGB 50 59 164	#323BA4
33.3%	33.3% #283496	RGB 40 52 150	#283496
50.0%	50.0% #1E2E88	RGB 30 46 136	#1E2E88
66.7%	66.7% #14277A	RGB 20 39 122	#14277A
83.3%	83.3% #0A206C	RGB 10 32 108	#0A206C
100.0%	100.0% #001A5E	RGB 0 26 94	#001A5E

#3C42B3 #323BA4 #283496 #1E2E88 #14277A #0A206C #001A5E

#3C42B3 - #001A5E

HSV Blend

#3C42B3 - #001A5E | 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 #3C42B3 as 0% and #001A5E as 100%.

0.0%	0.0% #3C41B3	RGB 60 65 179	#3C41B3
16.7%	16.7% #2E38A4	RGB 46 56 164	#2E38A4
33.3%	33.3% #213096	RGB 33 48 150	#213096
50.0%	50.0% #162988	RGB 22 41 136	#162988
66.7%	66.7% #0D237A	RGB 13 35 122	#0D237A
83.3%	83.3% #061E6C	RGB 6 30 108	#061E6C
100.0%	100.0% #001A5E	RGB 0 26 94	#001A5E

#3C41B3 #2E38A4 #213096 #162988 #0D237A #061E6C #001A5E

#3C42B3 - #162988 - #001A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C41B3 0%, #162988 50%, #001A5E 100%);
    background: -webkit-linear-gradient(top, #3C41B3 0%, #162988 50%, #001A5E 100%);
    background: linear-gradient(to bottom, #3C41B3 0%, #162988 50%, #001A5E 100%);
}
</style>