#1A1B05 - #495737 | 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 #1A1B05 to #495737

#1A1B05 #495737

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

#1A1B05 - #495737 | 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 #1A1B05 as 0% and #495737 as 100%.

0.0%	0.0% #1A1B05	RGB 26 27 5	#1A1B05
16.7%	16.7% #21250D	RGB 33 37 13	#21250D
33.3%	33.3% #292F15	RGB 41 47 21	#292F15
50.0%	50.0% #31391E	RGB 49 57 30	#31391E
66.7%	66.7% #394326	RGB 57 67 38	#394326
83.3%	83.3% #414D2E	RGB 65 77 46	#414D2E
100.0%	100.0% #495737	RGB 73 87 55	#495737

#1A1B05 #21250D #292F15 #31391E #394326 #414D2E #495737

#1A1B05 - #495737

HSV Blend

#1A1B05 - #495737 | 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 #1A1B05 as 0% and #495737 as 100%.

0.0%	0.0% #1A1B05	RGB 26 27 5	#1A1B05
16.7%	16.7% #212509	RGB 33 37 9	#212509
33.3%	33.3% #292F0F	RGB 41 47 15	#292F0F
50.0%	50.0% #303917	RGB 48 57 23	#303917
66.7%	66.7% #384320	RGB 56 67 32	#384320
83.3%	83.3% #404D2A	RGB 64 77 42	#404D2A
100.0%	100.0% #495737	RGB 73 87 55	#495737

#1A1B05 #212509 #292F0F #303917 #384320 #404D2A #495737

#1A1B05 - #303917 - #495737

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1B05 0%, #303917 50%, #495737 100%);
    background: -webkit-linear-gradient(top, #1A1B05 0%, #303917 50%, #495737 100%);
    background: linear-gradient(to bottom, #1A1B05 0%, #303917 50%, #495737 100%);
}
</style>