#1F613C - #062D1D | 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 #1F613C to #062D1D

#1F613C #062D1D

Calculate the color between two colors, #1F613C and #062D1D. 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)

#1F613C - #062D1D | 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 #1F613C as 0% and #062D1D as 100%.

0.0%	0.0% #1F613C	RGB 31 97 60	#1F613C
16.7%	16.7% #1A5836	RGB 26 88 54	#1A5836
33.3%	33.3% #164F31	RGB 22 79 49	#164F31
50.0%	50.0% #12472C	RGB 18 71 44	#12472C
66.7%	66.7% #0E3E27	RGB 14 62 39	#0E3E27
83.3%	83.3% #0A3522	RGB 10 53 34	#0A3522
100.0%	100.0% #062D1D	RGB 6 45 29	#062D1D

#1F613C #1A5836 #164F31 #12472C #0E3E27 #0A3522 #062D1D

#1F613C - #062D1D

HSV Blend

#1F613C - #062D1D | 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 #1F613C as 0% and #062D1D as 100%.

0.0%	0.0% #1E613C	RGB 30 97 60	#1E613C
16.7%	16.7% #195836	RGB 25 88 54	#195836
33.3%	33.3% #144F31	RGB 20 79 49	#144F31
50.0%	50.0% #10472C	RGB 16 71 44	#10472C
66.7%	66.7% #0C3E27	RGB 12 62 39	#0C3E27
83.3%	83.3% #083522	RGB 8 53 34	#083522
100.0%	100.0% #062D1D	RGB 6 45 29	#062D1D

#1E613C #195836 #144F31 #10472C #0C3E27 #083522 #062D1D

#1F613C - #10472C - #062D1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E613C 0%, #10472C 50%, #062D1D 100%);
    background: -webkit-linear-gradient(top, #1E613C 0%, #10472C 50%, #062D1D 100%);
    background: linear-gradient(to bottom, #1E613C 0%, #10472C 50%, #062D1D 100%);
}
</style>