#1F3E5E - #718896 | 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 #1F3E5E to #718896

#1F3E5E #718896

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

#1F3E5E - #718896 | 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 #1F3E5E as 0% and #718896 as 100%.

0.0%	0.0% #1F3E5E	RGB 31 62 94	#1F3E5E
16.7%	16.7% #2C4A67	RGB 44 74 103	#2C4A67
33.3%	33.3% #3A5670	RGB 58 86 112	#3A5670
50.0%	50.0% #48637A	RGB 72 99 122	#48637A
66.7%	66.7% #556F83	RGB 85 111 131	#556F83
83.3%	83.3% #637B8C	RGB 99 123 140	#637B8C
100.0%	100.0% #718896	RGB 113 136 150	#718896

#1F3E5E #2C4A67 #3A5670 #48637A #556F83 #637B8C #718896

#1F3E5E - #718896

HSV Blend

#1F3E5E - #718896 | 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 #1F3E5E as 0% and #718896 as 100%.

0.0%	0.0% #1F3E5E	RGB 31 62 94	#1F3E5E
16.7%	16.7% #294967	RGB 41 73 103	#294967
33.3%	33.3% #355470	RGB 53 84 112	#355470
50.0%	50.0% #42617A	RGB 66 97 122	#42617A
66.7%	66.7% #506D83	RGB 80 109 131	#506D83
83.3%	83.3% #607A8C	RGB 96 122 140	#607A8C
100.0%	100.0% #718896	RGB 113 136 150	#718896

#1F3E5E #294967 #355470 #42617A #506D83 #607A8C #718896

#1F3E5E - #42617A - #718896

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F3E5E 0%, #42617A 50%, #718896 100%);
    background: -webkit-linear-gradient(top, #1F3E5E 0%, #42617A 50%, #718896 100%);
    background: linear-gradient(to bottom, #1F3E5E 0%, #42617A 50%, #718896 100%);
}
</style>