#1A2B2B - #3A674E | 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 #1A2B2B to #3A674E

#1A2B2B #3A674E

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

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

0.0%	0.0% #1A2B2B	RGB 26 43 43	#1A2B2B
16.7%	16.7% #1F3530	RGB 31 53 48	#1F3530
33.3%	33.3% #243F36	RGB 36 63 54	#243F36
50.0%	50.0% #2A493C	RGB 42 73 60	#2A493C
66.7%	66.7% #2F5342	RGB 47 83 66	#2F5342
83.3%	83.3% #345D48	RGB 52 93 72	#345D48
100.0%	100.0% #3A674E	RGB 58 103 78	#3A674E

#1A2B2B #1F3530 #243F36 #2A493C #2F5342 #345D48 #3A674E

#1A2B2B - #3A674E

HSV Blend

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

0.0%	0.0% #1A2B2B	RGB 26 43 43	#1A2B2B
16.7%	16.7% #1F3533	RGB 31 53 51	#1F3533
33.3%	33.3% #253F3A	RGB 37 63 58	#253F3A
50.0%	50.0% #2A4940	RGB 42 73 64	#2A4940
66.7%	66.7% #2F5345	RGB 47 83 69	#2F5345
83.3%	83.3% #355D4A	RGB 53 93 74	#355D4A
100.0%	100.0% #3A674E	RGB 58 103 78	#3A674E

#1A2B2B #1F3533 #253F3A #2A4940 #2F5345 #355D4A #3A674E

#1A2B2B - #2A4940 - #3A674E

CSS codes

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

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