#262B05 - #6E6C35 | 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 #262B05 to #6E6C35

#262B05 #6E6C35

Calculate the color between two colors, #262B05 and #6E6C35. 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)

#262B05 - #6E6C35 | 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 #262B05 as 0% and #6E6C35 as 100%.

0.0%	0.0% #262B05	RGB 38 43 5	#262B05
16.7%	16.7% #32350D	RGB 50 53 13	#32350D
33.3%	33.3% #3E4015	RGB 62 64 21	#3E4015
50.0%	50.0% #4A4B1D	RGB 74 75 29	#4A4B1D
66.7%	66.7% #565625	RGB 86 86 37	#565625
83.3%	83.3% #62612D	RGB 98 97 45	#62612D
100.0%	100.0% #6E6C35	RGB 110 108 53	#6E6C35

#262B05 #32350D #3E4015 #4A4B1D #565625 #62612D #6E6C35

#262B05 - #6E6C35

HSV Blend

#262B05 - #6E6C35 | 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 #262B05 as 0% and #6E6C35 as 100%.

0.0%	0.0% #262B05	RGB 38 43 5	#262B05
16.7%	16.7% #313609	RGB 49 54 9	#313609
33.3%	33.3% #3D410F	RGB 61 65 15	#3D410F
50.0%	50.0% #494C16	RGB 73 76 22	#494C16
66.7%	66.7% #56571F	RGB 86 87 31	#56571F
83.3%	83.3% #626229	RGB 98 98 41	#626229
100.0%	100.0% #6E6C35	RGB 110 108 53	#6E6C35

#262B05 #313609 #3D410F #494C16 #56571F #626229 #6E6C35

#262B05 - #494C16 - #6E6C35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262B05 0%, #494C16 50%, #6E6C35 100%);
    background: -webkit-linear-gradient(top, #262B05 0%, #494C16 50%, #6E6C35 100%);
    background: linear-gradient(to bottom, #262B05 0%, #494C16 50%, #6E6C35 100%);
}
</style>