#1A2D2D - #3C6A51 | 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 #1A2D2D to #3C6A51

#1A2D2D #3C6A51

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

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

0.0%	0.0% #1A2D2D	RGB 26 45 45	#1A2D2D
16.7%	16.7% #1F3733	RGB 31 55 51	#1F3733
33.3%	33.3% #254139	RGB 37 65 57	#254139
50.0%	50.0% #2B4B3F	RGB 43 75 63	#2B4B3F
66.7%	66.7% #305545	RGB 48 85 69	#305545
83.3%	83.3% #365F4B	RGB 54 95 75	#365F4B
100.0%	100.0% #3C6A51	RGB 60 106 81	#3C6A51

#1A2D2D #1F3733 #254139 #2B4B3F #305545 #365F4B #3C6A51

#1A2D2D - #3C6A51

HSV Blend

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

0.0%	0.0% #1A2D2D	RGB 26 45 45	#1A2D2D
16.7%	16.7% #1F3735	RGB 31 55 53	#1F3735
33.3%	33.3% #25413C	RGB 37 65 60	#25413C
50.0%	50.0% #2B4B42	RGB 43 75 66	#2B4B42
66.7%	66.7% #305548	RGB 48 85 72	#305548
83.3%	83.3% #365F4D	RGB 54 95 77	#365F4D
100.0%	100.0% #3C6A51	RGB 60 106 81	#3C6A51

#1A2D2D #1F3735 #25413C #2B4B42 #305548 #365F4D #3C6A51

#1A2D2D - #2B4B42 - #3C6A51

CSS codes

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

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