#203910 - #BFC6BA | 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 #203910 to #BFC6BA

#203910 #BFC6BA

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

#203910 - #BFC6BA | 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 #203910 as 0% and #BFC6BA as 100%.

0.0%	0.0% #203910	RGB 32 57 16	#203910
16.7%	16.7% #3A502C	RGB 58 80 44	#3A502C
33.3%	33.3% #556848	RGB 85 104 72	#556848
50.0%	50.0% #6F7F65	RGB 111 127 101	#6F7F65
66.7%	66.7% #8A9781	RGB 138 151 129	#8A9781
83.3%	83.3% #A4AE9D	RGB 164 174 157	#A4AE9D
100.0%	100.0% #BFC6BA	RGB 191 198 186	#BFC6BA

#203910 #3A502C #556848 #6F7F65 #8A9781 #A4AE9D #BFC6BA

#203910 - #BFC6BA

HSV Blend

#203910 - #BFC6BA | 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 #203910 as 0% and #BFC6BA as 100%.

0.0%	0.0% #1F3910	RGB 31 57 16	#1F3910
16.7%	16.7% #32501F	RGB 50 80 31	#32501F
33.3%	33.3% #486834	RGB 72 104 52	#486834
50.0%	50.0% #617F4D	RGB 97 127 77	#617F4D
66.7%	66.7% #7D976C	RGB 125 151 108	#7D976C
83.3%	83.3% #9DAE90	RGB 157 174 144	#9DAE90
100.0%	100.0% #BFC6BA	RGB 191 198 186	#BFC6BA

#1F3910 #32501F #486834 #617F4D #7D976C #9DAE90 #BFC6BA

#203910 - #617F4D - #BFC6BA

CSS codes

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

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