#1F320D - #BEC4B9 | 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 #1F320D to #BEC4B9

#1F320D #BEC4B9

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

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

0.0%	0.0% #1F320D	RGB 31 50 13	#1F320D
16.7%	16.7% #394A29	RGB 57 74 41	#394A29
33.3%	33.3% #546246	RGB 84 98 70	#546246
50.0%	50.0% #6E7B63	RGB 110 123 99	#6E7B63
66.7%	66.7% #89937F	RGB 137 147 127	#89937F
83.3%	83.3% #A3AB9C	RGB 163 171 156	#A3AB9C
100.0%	100.0% #BEC4B9	RGB 190 196 185	#BEC4B9

#1F320D #394A29 #546246 #6E7B63 #89937F #A3AB9C #BEC4B9

#1F320D - #BEC4B9

HSV Blend

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

0.0%	0.0% #1F320D	RGB 31 50 13	#1F320D
16.7%	16.7% #324A1B	RGB 50 74 27	#324A1B
33.3%	33.3% #486230	RGB 72 98 48	#486230
50.0%	50.0% #617B4A	RGB 97 123 74	#617B4A
66.7%	66.7% #7C9369	RGB 124 147 105	#7C9369
83.3%	83.3% #9BAB8E	RGB 155 171 142	#9BAB8E
100.0%	100.0% #BEC4B9	RGB 190 196 185	#BEC4B9

#1F320D #324A1B #486230 #617B4A #7C9369 #9BAB8E #BEC4B9

#1F320D - #617B4A - #BEC4B9

CSS codes

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

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