#1F411F - #BFC8BF | 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 #1F411F to #BFC8BF

#1F411F #BFC8BF

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

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

0.0%	0.0% #1F411F	RGB 31 65 31	#1F411F
16.7%	16.7% #395739	RGB 57 87 57	#395739
33.3%	33.3% #546E54	RGB 84 110 84	#546E54
50.0%	50.0% #6F846F	RGB 111 132 111	#6F846F
66.7%	66.7% #899B89	RGB 137 155 137	#899B89
83.3%	83.3% #A4B1A4	RGB 164 177 164	#A4B1A4
100.0%	100.0% #BFC8BF	RGB 191 200 191	#BFC8BF

#1F411F #395739 #546E54 #6F846F #899B89 #A4B1A4 #BFC8BF

#1F411F - #BFC8BF

HSV Blend

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

0.0%	0.0% #1F411F	RGB 31 65 31	#1F411F
16.7%	16.7% #305730	RGB 48 87 48	#305730
33.3%	33.3% #456E45	RGB 69 110 69	#456E45
50.0%	50.0% #5E845E	RGB 94 132 94	#5E845E
66.7%	66.7% #7B9B7B	RGB 123 155 123	#7B9B7B
83.3%	83.3% #9BB19B	RGB 155 177 155	#9BB19B
100.0%	100.0% #BFC8BF	RGB 191 200 191	#BFC8BF

#1F411F #305730 #456E45 #5E845E #7B9B7B #9BB19B #BFC8BF

#1F411F - #5E845E - #BFC8BF

CSS codes

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

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