#3E65A8 - #1D2D55 | 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 #3E65A8 to #1D2D55

#3E65A8 #1D2D55

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

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

0.0%	0.0% #3E65A8	RGB 62 101 168	#3E65A8
16.7%	16.7% #385B9A	RGB 56 91 154	#385B9A
33.3%	33.3% #33528C	RGB 51 82 140	#33528C
50.0%	50.0% #2D497E	RGB 45 73 126	#2D497E
66.7%	66.7% #283F70	RGB 40 63 112	#283F70
83.3%	83.3% #223662	RGB 34 54 98	#223662
100.0%	100.0% #1D2D55	RGB 29 45 85	#1D2D55

#3E65A8 #385B9A #33528C #2D497E #283F70 #223662 #1D2D55

#3E65A8 - #1D2D55

HSV Blend

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

0.0%	0.0% #3E65A8	RGB 62 101 168	#3E65A8
16.7%	16.7% #385A9A	RGB 56 90 154	#385A9A
33.3%	33.3% #32518C	RGB 50 81 140	#32518C
50.0%	50.0% #2C477E	RGB 44 71 126	#2C477E
66.7%	66.7% #273E70	RGB 39 62 112	#273E70
83.3%	83.3% #223562	RGB 34 53 98	#223562
100.0%	100.0% #1D2D55	RGB 29 45 85	#1D2D55

#3E65A8 #385A9A #32518C #2C477E #273E70 #223562 #1D2D55

#3E65A8 - #2C477E - #1D2D55

CSS codes

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

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