#3E413C - #162F01 | 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 #3E413C to #162F01

#3E413C #162F01

Calculate the color between two colors, #3E413C and #162F01. 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)

#3E413C - #162F01 | 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 #3E413C as 0% and #162F01 as 100%.

0.0%	0.0% #3E413C	RGB 62 65 60	#3E413C
16.7%	16.7% #373E32	RGB 55 62 50	#373E32
33.3%	33.3% #303B28	RGB 48 59 40	#303B28
50.0%	50.0% #2A381E	RGB 42 56 30	#2A381E
66.7%	66.7% #233514	RGB 35 53 20	#233514
83.3%	83.3% #1C320A	RGB 28 50 10	#1C320A
100.0%	100.0% #162F01	RGB 22 47 1	#162F01

#3E413C #373E32 #303B28 #2A381E #233514 #1C320A #162F01

#3E413C - #162F01

HSV Blend

#3E413C - #162F01 | 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 #3E413C as 0% and #162F01 as 100%.

0.0%	0.0% #3E413C	RGB 62 65 60	#3E413C
16.7%	16.7% #353E2F	RGB 53 62 47	#353E2F
33.3%	33.3% #2E3B24	RGB 46 59 36	#2E3B24
50.0%	50.0% #27381A	RGB 39 56 26	#27381A
66.7%	66.7% #203511	RGB 32 53 17	#203511
83.3%	83.3% #1B3208	RGB 27 50 8	#1B3208
100.0%	100.0% #162F01	RGB 22 47 1	#162F01

#3E413C #353E2F #2E3B24 #27381A #203511 #1B3208 #162F01

#3E413C - #27381A - #162F01

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E413C 0%, #27381A 50%, #162F01 100%);
    background: -webkit-linear-gradient(top, #3E413C 0%, #27381A 50%, #162F01 100%);
    background: linear-gradient(to bottom, #3E413C 0%, #27381A 50%, #162F01 100%);
}
</style>