#1F355E - #3C7FCD | 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 #1F355E to #3C7FCD

#1F355E #3C7FCD

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

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

0.0%	0.0% #1F355E	RGB 31 53 94	#1F355E
16.7%	16.7% #234170	RGB 35 65 112	#234170
33.3%	33.3% #284D83	RGB 40 77 131	#284D83
50.0%	50.0% #2D5A95	RGB 45 90 149	#2D5A95
66.7%	66.7% #3266A8	RGB 50 102 168	#3266A8
83.3%	83.3% #3772BA	RGB 55 114 186	#3772BA
100.0%	100.0% #3C7FCD	RGB 60 127 205	#3C7FCD

#1F355E #234170 #284D83 #2D5A95 #3266A8 #3772BA #3C7FCD

#1F355E - #3C7FCD

HSV Blend

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

0.0%	0.0% #1F355E	RGB 31 53 94	#1F355E
16.7%	16.7% #244070	RGB 36 64 112	#244070
33.3%	33.3% #294C83	RGB 41 76 131	#294C83
50.0%	50.0% #2E5895	RGB 46 88 149	#2E5895
66.7%	66.7% #3364A8	RGB 51 100 168	#3364A8
83.3%	83.3% #3771BA	RGB 55 113 186	#3771BA
100.0%	100.0% #3C7FCD	RGB 60 127 205	#3C7FCD

#1F355E #244070 #294C83 #2E5895 #3364A8 #3771BA #3C7FCD

#1F355E - #2E5895 - #3C7FCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F355E 0%, #2E5895 50%, #3C7FCD 100%);
    background: -webkit-linear-gradient(top, #1F355E 0%, #2E5895 50%, #3C7FCD 100%);
    background: linear-gradient(to bottom, #1F355E 0%, #2E5895 50%, #3C7FCD 100%);
}
</style>