#3E586B - #1A2022 | 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 #3E586B to #1A2022

#3E586B #1A2022

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

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

0.0%	0.0% #3E586B	RGB 62 88 107	#3E586B
16.7%	16.7% #384E5E	RGB 56 78 94	#384E5E
33.3%	33.3% #324552	RGB 50 69 82	#324552
50.0%	50.0% #2C3C46	RGB 44 60 70	#2C3C46
66.7%	66.7% #26323A	RGB 38 50 58	#26323A
83.3%	83.3% #20292E	RGB 32 41 46	#20292E
100.0%	100.0% #1A2022	RGB 26 32 34	#1A2022

#3E586B #384E5E #324552 #2C3C46 #26323A #20292E #1A2022

#3E586B - #1A2022

HSV Blend

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

0.0%	0.0% #3E586B	RGB 62 88 107	#3E586B
16.7%	16.7% #39505E	RGB 57 80 94	#39505E
33.3%	33.3% #354752	RGB 53 71 82	#354752
50.0%	50.0% #2F3E46	RGB 47 62 70	#2F3E46
66.7%	66.7% #29353A	RGB 41 53 58	#29353A
83.3%	83.3% #212A2E	RGB 33 42 46	#212A2E
100.0%	100.0% #1A2022	RGB 26 32 34	#1A2022

#3E586B #39505E #354752 #2F3E46 #29353A #212A2E #1A2022

#3E586B - #2F3E46 - #1A2022

CSS codes

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

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