#1B3B5E - #3780C7 | 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 #1B3B5E to #3780C7

#1B3B5E #3780C7

Calculate the color between two colors, #1B3B5E and #3780C7. 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)

#1B3B5E - #3780C7 | 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 #1B3B5E as 0% and #3780C7 as 100%.

0.0%	0.0% #1B3B5E	RGB 27 59 94	#1B3B5E
16.7%	16.7% #1F466F	RGB 31 70 111	#1F466F
33.3%	33.3% #245281	RGB 36 82 129	#245281
50.0%	50.0% #295D92	RGB 41 93 146	#295D92
66.7%	66.7% #2D69A4	RGB 45 105 164	#2D69A4
83.3%	83.3% #3274B5	RGB 50 116 181	#3274B5
100.0%	100.0% #3780C7	RGB 55 128 199	#3780C7

#1B3B5E #1F466F #245281 #295D92 #2D69A4 #3274B5 #3780C7

#1B3B5E - #3780C7

HSV Blend

#1B3B5E - #3780C7 | 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 #1B3B5E as 0% and #3780C7 as 100%.

0.0%	0.0% #1B3B5E	RGB 27 59 94	#1B3B5E
16.7%	16.7% #1F466F	RGB 31 70 111	#1F466F
33.3%	33.3% #245181	RGB 36 81 129	#245181
50.0%	50.0% #295D92	RGB 41 93 146	#295D92
66.7%	66.7% #2D68A4	RGB 45 104 164	#2D68A4
83.3%	83.3% #3274B5	RGB 50 116 181	#3274B5
100.0%	100.0% #3780C7	RGB 55 128 199	#3780C7

#1B3B5E #1F466F #245181 #295D92 #2D68A4 #3274B5 #3780C7

#1B3B5E - #295D92 - #3780C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B3B5E 0%, #295D92 50%, #3780C7 100%);
    background: -webkit-linear-gradient(top, #1B3B5E 0%, #295D92 50%, #3780C7 100%);
    background: linear-gradient(to bottom, #1B3B5E 0%, #295D92 50%, #3780C7 100%);
}
</style>