#3B5E4C - #201C1F | 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 #3B5E4C to #201C1F

#3B5E4C #201C1F

Calculate the color between two colors, #3B5E4C and #201C1F. 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)

#3B5E4C - #201C1F | 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 #3B5E4C as 0% and #201C1F as 100%.

0.0%	0.0% #3B5E4C	RGB 59 94 76	#3B5E4C
16.7%	16.7% #365344	RGB 54 83 68	#365344
33.3%	33.3% #32483D	RGB 50 72 61	#32483D
50.0%	50.0% #2D3D35	RGB 45 61 53	#2D3D35
66.7%	66.7% #29322E	RGB 41 50 46	#29322E
83.3%	83.3% #242726	RGB 36 39 38	#242726
100.0%	100.0% #201C1F	RGB 32 28 31	#201C1F

#3B5E4C #365344 #32483D #2D3D35 #29322E #242726 #201C1F

#3B5E4C - #201C1F

HSV Blend

#3B5E4C - #201C1F | 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 #3B5E4C as 0% and #201C1F as 100%.

0.0%	0.0% #3B5E4C	RGB 59 94 76	#3B5E4C
16.7%	16.7% #375352	RGB 55 83 82	#375352
33.3%	33.3% #344049	RGB 52 64 73	#344049
50.0%	50.0% #2F313F	RGB 47 49 63	#2F313F
66.7%	66.7% #2D2934	RGB 45 41 52	#2D2934
83.3%	83.3% #28232A	RGB 40 35 42	#28232A
100.0%	100.0% #201C1F	RGB 32 28 31	#201C1F

#3B5E4C #375352 #344049 #2F313F #2D2934 #28232A #201C1F

#3B5E4C - #2F313F - #201C1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E4C 0%, #2F313F 50%, #201C1F 100%);
    background: -webkit-linear-gradient(top, #3B5E4C 0%, #2F313F 50%, #201C1F 100%);
    background: linear-gradient(to bottom, #3B5E4C 0%, #2F313F 50%, #201C1F 100%);
}
</style>