#1F3C04 - #BFC7B7 | 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 #1F3C04 to #BFC7B7

#1F3C04 #BFC7B7

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

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

0.0%	0.0% #1F3C04	RGB 31 60 4	#1F3C04
16.7%	16.7% #395321	RGB 57 83 33	#395321
33.3%	33.3% #546A3F	RGB 84 106 63	#546A3F
50.0%	50.0% #6F815D	RGB 111 129 93	#6F815D
66.7%	66.7% #89987B	RGB 137 152 123	#89987B
83.3%	83.3% #A4AF99	RGB 164 175 153	#A4AF99
100.0%	100.0% #BFC7B7	RGB 191 199 183	#BFC7B7

#1F3C04 #395321 #546A3F #6F815D #89987B #A4AF99 #BFC7B7

#1F3C04 - #BFC7B7

HSV Blend

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

0.0%	0.0% #1F3C04	RGB 31 60 4	#1F3C04
16.7%	16.7% #315311	RGB 49 83 17	#315311
33.3%	33.3% #476A25	RGB 71 106 37	#476A25
50.0%	50.0% #60813F	RGB 96 129 63	#60813F
66.7%	66.7% #7C9860	RGB 124 152 96	#7C9860
83.3%	83.3% #9CAF88	RGB 156 175 136	#9CAF88
100.0%	100.0% #BFC7B7	RGB 191 199 183	#BFC7B7

#1F3C04 #315311 #476A25 #60813F #7C9860 #9CAF88 #BFC7B7

#1F3C04 - #60813F - #BFC7B7

CSS codes

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

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