#201906 - #BFBDB7 | 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 #201906 to #BFBDB7

#201906 #BFBDB7

Calculate the color between two colors, #201906 and #BFBDB7. 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)

#201906 - #BFBDB7 | 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 #201906 as 0% and #BFBDB7 as 100%.

0.0%	0.0% #201906	RGB 32 25 6	#201906
16.7%	16.7% #3A3423	RGB 58 52 35	#3A3423
33.3%	33.3% #554F41	RGB 85 79 65	#554F41
50.0%	50.0% #6F6B5E	RGB 111 107 94	#6F6B5E
66.7%	66.7% #8A867C	RGB 138 134 124	#8A867C
83.3%	83.3% #A4A199	RGB 164 161 153	#A4A199
100.0%	100.0% #BFBDB7	RGB 191 189 183	#BFBDB7

#201906 #3A3423 #554F41 #6F6B5E #8A867C #A4A199 #BFBDB7

#201906 - #BFBDB7

HSV Blend

#201906 - #BFBDB7 | 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 #201906 as 0% and #BFBDB7 as 100%.

0.0%	0.0% #201906	RGB 32 25 6	#201906
16.7%	16.7% #3A2F12	RGB 58 47 18	#3A2F12
33.3%	33.3% #554825	RGB 85 72 37	#554825
50.0%	50.0% #6F633F	RGB 111 99 63	#6F633F
66.7%	66.7% #8A7F60	RGB 138 127 96	#8A7F60
83.3%	83.3% #A49D88	RGB 164 157 136	#A49D88
100.0%	100.0% #BFBDB7	RGB 191 189 183	#BFBDB7

#201906 #3A2F12 #554825 #6F633F #8A7F60 #A49D88 #BFBDB7

#201906 - #6F633F - #BFBDB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201906 0%, #6F633F 50%, #BFBDB7 100%);
    background: -webkit-linear-gradient(top, #201906 0%, #6F633F 50%, #BFBDB7 100%);
    background: linear-gradient(to bottom, #201906 0%, #6F633F 50%, #BFBDB7 100%);
}
</style>