#3A5E6D - #1D2223 | 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 #3A5E6D to #1D2223

#3A5E6D #1D2223

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

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

0.0%	0.0% #3A5E6D	RGB 58 94 109	#3A5E6D
16.7%	16.7% #355460	RGB 53 84 96	#355460
33.3%	33.3% #304A54	RGB 48 74 84	#304A54
50.0%	50.0% #2B4048	RGB 43 64 72	#2B4048
66.7%	66.7% #26363B	RGB 38 54 59	#26363B
83.3%	83.3% #212C2F	RGB 33 44 47	#212C2F
100.0%	100.0% #1D2223	RGB 29 34 35	#1D2223

#3A5E6D #355460 #304A54 #2B4048 #26363B #212C2F #1D2223

#3A5E6D - #1D2223

HSV Blend

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

0.0%	0.0% #3A5E6D	RGB 58 94 109	#3A5E6D
16.7%	16.7% #385560	RGB 56 85 96	#385560
33.3%	33.3% #354C54	RGB 53 76 84	#354C54
50.0%	50.0% #304248	RGB 48 66 72	#304248
66.7%	66.7% #2B383B	RGB 43 56 59	#2B383B
83.3%	83.3% #242D2F	RGB 36 45 47	#242D2F
100.0%	100.0% #1D2223	RGB 29 34 35	#1D2223

#3A5E6D #385560 #354C54 #304248 #2B383B #242D2F #1D2223

#3A5E6D - #304248 - #1D2223

CSS codes

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

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