#202E31 - #BFC3C4 | 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 #202E31 to #BFC3C4

#202E31 #BFC3C4

Calculate the color between two colors, #202E31 and #BFC3C4. 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)

#202E31 - #BFC3C4 | 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 #202E31 as 0% and #BFC3C4 as 100%.

0.0%	0.0% #202E31	RGB 32 46 49	#202E31
16.7%	16.7% #3A4649	RGB 58 70 73	#3A4649
33.3%	33.3% #555F62	RGB 85 95 98	#555F62
50.0%	50.0% #6F787A	RGB 111 120 122	#6F787A
66.7%	66.7% #8A9193	RGB 138 145 147	#8A9193
83.3%	83.3% #A4AAAB	RGB 164 170 171	#A4AAAB
100.0%	100.0% #BFC3C4	RGB 191 195 196	#BFC3C4

#202E31 #3A4649 #555F62 #6F787A #8A9193 #A4AAAB #BFC3C4

#202E31 - #BFC3C4

HSV Blend

#202E31 - #BFC3C4 | 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 #202E31 as 0% and #BFC3C4 as 100%.

0.0%	0.0% #202E31	RGB 32 46 49	#202E31
16.7%	16.7% #334549	RGB 51 69 73	#334549
33.3%	33.3% #4A5D62	RGB 74 93 98	#4A5D62
50.0%	50.0% #63767A	RGB 99 118 122	#63767A
66.7%	66.7% #7F8F93	RGB 127 143 147	#7F8F93
83.3%	83.3% #9DA8AB	RGB 157 168 171	#9DA8AB
100.0%	100.0% #BFC3C4	RGB 191 195 196	#BFC3C4

#202E31 #334549 #4A5D62 #63767A #7F8F93 #9DA8AB #BFC3C4

#202E31 - #63767A - #BFC3C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202E31 0%, #63767A 50%, #BFC3C4 100%);
    background: -webkit-linear-gradient(top, #202E31 0%, #63767A 50%, #BFC3C4 100%);
    background: linear-gradient(to bottom, #202E31 0%, #63767A 50%, #BFC3C4 100%);
}
</style>