#0D3A2D - #42835B | 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 #0D3A2D to #42835B

#0D3A2D #42835B

Calculate the color between two colors, #0D3A2D and #42835B. 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)

#0D3A2D - #42835B | 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 #0D3A2D as 0% and #42835B as 100%.

0.0%	0.0% #0D3A2D	RGB 13 58 45	#0D3A2D
16.7%	16.7% #154634	RGB 21 70 52	#154634
33.3%	33.3% #1E523C	RGB 30 82 60	#1E523C
50.0%	50.0% #275E44	RGB 39 94 68	#275E44
66.7%	66.7% #306A4B	RGB 48 106 75	#306A4B
83.3%	83.3% #397653	RGB 57 118 83	#397653
100.0%	100.0% #42835B	RGB 66 131 91	#42835B

#0D3A2D #154634 #1E523C #275E44 #306A4B #397653 #42835B

#0D3A2D - #42835B

HSV Blend

#0D3A2D - #42835B | 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 #0D3A2D as 0% and #42835B as 100%.

0.0%	0.0% #0D3A2D	RGB 13 58 45	#0D3A2D
16.7%	16.7% #124634	RGB 18 70 52	#124634
33.3%	33.3% #1A523B	RGB 26 82 59	#1A523B
50.0%	50.0% #225E43	RGB 34 94 67	#225E43
66.7%	66.7% #2B6A4A	RGB 43 106 74	#2B6A4A
83.3%	83.3% #367652	RGB 54 118 82	#367652
100.0%	100.0% #42835B	RGB 66 131 91	#42835B

#0D3A2D #124634 #1A523B #225E43 #2B6A4A #367652 #42835B

#0D3A2D - #225E43 - #42835B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D3A2D 0%, #225E43 50%, #42835B 100%);
    background: -webkit-linear-gradient(top, #0D3A2D 0%, #225E43 50%, #42835B 100%);
    background: linear-gradient(to bottom, #0D3A2D 0%, #225E43 50%, #42835B 100%);
}
</style>