#3A5E08 - #101A02 | 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 #3A5E08 to #101A02

#3A5E08 #101A02

Calculate the color between two colors, #3A5E08 and #101A02. 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)

#3A5E08 - #101A02 | 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 #3A5E08 as 0% and #101A02 as 100%.

0.0%	0.0% #3A5E08	RGB 58 94 8	#3A5E08
16.7%	16.7% #335207	RGB 51 82 7	#335207
33.3%	33.3% #2C4706	RGB 44 71 6	#2C4706
50.0%	50.0% #253C05	RGB 37 60 5	#253C05
66.7%	66.7% #1E3004	RGB 30 48 4	#1E3004
83.3%	83.3% #172503	RGB 23 37 3	#172503
100.0%	100.0% #101A02	RGB 16 26 2	#101A02

#3A5E08 #335207 #2C4706 #253C05 #1E3004 #172503 #101A02

#3A5E08 - #101A02

HSV Blend

#3A5E08 - #101A02 | 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 #3A5E08 as 0% and #101A02 as 100%.

0.0%	0.0% #3A5E07	RGB 58 94 7	#3A5E07
16.7%	16.7% #325206	RGB 50 82 6	#325206
33.3%	33.3% #2B4705	RGB 43 71 5	#2B4705
50.0%	50.0% #243C04	RGB 36 60 4	#243C04
66.7%	66.7% #1D3003	RGB 29 48 3	#1D3003
83.3%	83.3% #162502	RGB 22 37 2	#162502
100.0%	100.0% #101A02	RGB 16 26 2	#101A02

#3A5E07 #325206 #2B4705 #243C04 #1D3003 #162502 #101A02

#3A5E08 - #243C04 - #101A02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A5E07 0%, #243C04 50%, #101A02 100%);
    background: -webkit-linear-gradient(top, #3A5E07 0%, #243C04 50%, #101A02 100%);
    background: linear-gradient(to bottom, #3A5E07 0%, #243C04 50%, #101A02 100%);
}
</style>