#30411F - #133A02 | 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 #30411F to #133A02

#30411F #133A02

Calculate the color between two colors, #30411F and #133A02. 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)

#30411F - #133A02 | 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 #30411F as 0% and #133A02 as 100%.

0.0%	0.0% #30411F	RGB 48 65 31	#30411F
16.7%	16.7% #2B3F1A	RGB 43 63 26	#2B3F1A
33.3%	33.3% #263E15	RGB 38 62 21	#263E15
50.0%	50.0% #213D10	RGB 33 61 16	#213D10
66.7%	66.7% #1C3C0B	RGB 28 60 11	#1C3C0B
83.3%	83.3% #173B06	RGB 23 59 6	#173B06
100.0%	100.0% #133A02	RGB 19 58 2	#133A02

#30411F #2B3F1A #263E15 #213D10 #1C3C0B #173B06 #133A02

#30411F - #133A02

HSV Blend

#30411F - #133A02 | 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 #30411F as 0% and #133A02 as 100%.

0.0%	0.0% #30411F	RGB 48 65 31	#30411F
16.7%	16.7% #2B3F19	RGB 43 63 25	#2B3F19
33.3%	33.3% #263E14	RGB 38 62 20	#263E14
50.0%	50.0% #223D0F	RGB 34 61 15	#223D0F
66.7%	66.7% #1D3C0A	RGB 29 60 10	#1D3C0A
83.3%	83.3% #183B06	RGB 24 59 6	#183B06
100.0%	100.0% #133A02	RGB 19 58 2	#133A02

#30411F #2B3F19 #263E14 #223D0F #1D3C0A #183B06 #133A02

#30411F - #223D0F - #133A02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30411F 0%, #223D0F 50%, #133A02 100%);
    background: -webkit-linear-gradient(top, #30411F 0%, #223D0F 50%, #133A02 100%);
    background: linear-gradient(to bottom, #30411F 0%, #223D0F 50%, #133A02 100%);
}
</style>