#263C04 - #C0C7B7 | 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 #263C04 to #C0C7B7

#263C04 #C0C7B7

Calculate the color between two colors, #263C04 and #C0C7B7. 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)

#263C04 - #C0C7B7 | 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 #263C04 as 0% and #C0C7B7 as 100%.

0.0%	0.0% #263C04	RGB 38 60 4	#263C04
16.7%	16.7% #3F5321	RGB 63 83 33	#3F5321
33.3%	33.3% #596A3F	RGB 89 106 63	#596A3F
50.0%	50.0% #73815D	RGB 115 129 93	#73815D
66.7%	66.7% #8C987B	RGB 140 152 123	#8C987B
83.3%	83.3% #A6AF99	RGB 166 175 153	#A6AF99
100.0%	100.0% #C0C7B7	RGB 192 199 183	#C0C7B7

#263C04 #3F5321 #596A3F #73815D #8C987B #A6AF99 #C0C7B7

#263C04 - #C0C7B7

HSV Blend

#263C04 - #C0C7B7 | 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 #263C04 as 0% and #C0C7B7 as 100%.

0.0%	0.0% #253C04	RGB 37 60 4	#253C04
16.7%	16.7% #385311	RGB 56 83 17	#385311
33.3%	33.3% #4E6A25	RGB 78 106 37	#4E6A25
50.0%	50.0% #66813F	RGB 102 129 63	#66813F
66.7%	66.7% #819860	RGB 129 152 96	#819860
83.3%	83.3% #9FAF88	RGB 159 175 136	#9FAF88
100.0%	100.0% #C0C7B7	RGB 192 199 183	#C0C7B7

#253C04 #385311 #4E6A25 #66813F #819860 #9FAF88 #C0C7B7

#263C04 - #66813F - #C0C7B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #253C04 0%, #66813F 50%, #C0C7B7 100%);
    background: -webkit-linear-gradient(top, #253C04 0%, #66813F 50%, #C0C7B7 100%);
    background: linear-gradient(to bottom, #253C04 0%, #66813F 50%, #C0C7B7 100%);
}
</style>