#3E5E82 - #1A252F | 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 #3E5E82 to #1A252F

#3E5E82 #1A252F

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

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

0.0%	0.0% #3E5E82	RGB 62 94 130	#3E5E82
16.7%	16.7% #385474	RGB 56 84 116	#385474
33.3%	33.3% #324B66	RGB 50 75 102	#324B66
50.0%	50.0% #2C4158	RGB 44 65 88	#2C4158
66.7%	66.7% #26384A	RGB 38 56 74	#26384A
83.3%	83.3% #202E3C	RGB 32 46 60	#202E3C
100.0%	100.0% #1A252F	RGB 26 37 47	#1A252F

#3E5E82 #385474 #324B66 #2C4158 #26384A #202E3C #1A252F

#3E5E82 - #1A252F

HSV Blend

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

0.0%	0.0% #3E5D82	RGB 62 93 130	#3E5D82
16.7%	16.7% #385574	RGB 56 85 116	#385574
33.3%	33.3% #334C66	RGB 51 76 102	#334C66
50.0%	50.0% #2D4258	RGB 45 66 88	#2D4258
66.7%	66.7% #27394A	RGB 39 57 74	#27394A
83.3%	83.3% #202F3C	RGB 32 47 60	#202F3C
100.0%	100.0% #1A252F	RGB 26 37 47	#1A252F

#3E5D82 #385574 #334C66 #2D4258 #27394A #202F3C #1A252F

#3E5E82 - #2D4258 - #1A252F

CSS codes

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

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