#3E6560 - #1F201F | 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 #3E6560 to #1F201F

#3E6560 #1F201F

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

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

0.0%	0.0% #3E6560	RGB 62 101 96	#3E6560
16.7%	16.7% #385955	RGB 56 89 85	#385955
33.3%	33.3% #334E4A	RGB 51 78 74	#334E4A
50.0%	50.0% #2E423F	RGB 46 66 63	#2E423F
66.7%	66.7% #293734	RGB 41 55 52	#293734
83.3%	83.3% #242B29	RGB 36 43 41	#242B29
100.0%	100.0% #1F201F	RGB 31 32 31	#1F201F

#3E6560 #385955 #334E4A #2E423F #293734 #242B29 #1F201F

#3E6560 - #1F201F

HSV Blend

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

0.0%	0.0% #3E6560	RGB 62 101 96	#3E6560
16.7%	16.7% #3C5951	RGB 60 89 81	#3C5951
33.3%	33.3% #394E45	RGB 57 78 69	#394E45
50.0%	50.0% #34423A	RGB 52 66 58	#34423A
66.7%	66.7% #2E3731	RGB 46 55 49	#2E3731
83.3%	83.3% #272B28	RGB 39 43 40	#272B28
100.0%	100.0% #1F201F	RGB 31 32 31	#1F201F

#3E6560 #3C5951 #394E45 #34423A #2E3731 #272B28 #1F201F

#3E6560 - #34423A - #1F201F

CSS codes

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

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