#4E7EB6 - #1D3863 | 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 #4E7EB6 to #1D3863

#4E7EB6 #1D3863

Calculate the color between two colors, #4E7EB6 and #1D3863. 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)

#4E7EB6 - #1D3863 | 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 #4E7EB6 as 0% and #1D3863 as 100%.

0.0%	0.0% #4E7EB6	RGB 78 126 182	#4E7EB6
16.7%	16.7% #4572A8	RGB 69 114 168	#4572A8
33.3%	33.3% #3D669A	RGB 61 102 154	#3D669A
50.0%	50.0% #355B8C	RGB 53 91 140	#355B8C
66.7%	66.7% #2D4F7E	RGB 45 79 126	#2D4F7E
83.3%	83.3% #254370	RGB 37 67 112	#254370
100.0%	100.0% #1D3863	RGB 29 56 99	#1D3863

#4E7EB6 #4572A8 #3D669A #355B8C #2D4F7E #254370 #1D3863

#4E7EB6 - #1D3863

HSV Blend

#4E7EB6 - #1D3863 | 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 #4E7EB6 as 0% and #1D3863 as 100%.

0.0%	0.0% #4E7EB6	RGB 78 126 182	#4E7EB6
16.7%	16.7% #4471A8	RGB 68 113 168	#4471A8
33.3%	33.3% #3B649A	RGB 59 100 154	#3B649A
50.0%	50.0% #32588C	RGB 50 88 140	#32588C
66.7%	66.7% #2A4D7E	RGB 42 77 126	#2A4D7E
83.3%	83.3% #234270	RGB 35 66 112	#234270
100.0%	100.0% #1D3863	RGB 29 56 99	#1D3863

#4E7EB6 #4471A8 #3B649A #32588C #2A4D7E #234270 #1D3863

#4E7EB6 - #32588C - #1D3863

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E7EB6 0%, #32588C 50%, #1D3863 100%);
    background: -webkit-linear-gradient(top, #4E7EB6 0%, #32588C 50%, #1D3863 100%);
    background: linear-gradient(to bottom, #4E7EB6 0%, #32588C 50%, #1D3863 100%);
}
</style>