#202D34 - #BFC3C5 | 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 #202D34 to #BFC3C5

#202D34 #BFC3C5

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

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

0.0%	0.0% #202D34	RGB 32 45 52	#202D34
16.7%	16.7% #3A464C	RGB 58 70 76	#3A464C
33.3%	33.3% #555F64	RGB 85 95 100	#555F64
50.0%	50.0% #6F787C	RGB 111 120 124	#6F787C
66.7%	66.7% #8A9194	RGB 138 145 148	#8A9194
83.3%	83.3% #A4AAAC	RGB 164 170 172	#A4AAAC
100.0%	100.0% #BFC3C5	RGB 191 195 197	#BFC3C5

#202D34 #3A464C #555F64 #6F787C #8A9194 #A4AAAC #BFC3C5

#202D34 - #BFC3C5

HSV Blend

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

0.0%	0.0% #202D34	RGB 32 45 52	#202D34
16.7%	16.7% #33434C	RGB 51 67 76	#33434C
33.3%	33.3% #495B64	RGB 73 91 100	#495B64
50.0%	50.0% #62737C	RGB 98 115 124	#62737C
66.7%	66.7% #7E8D94	RGB 126 141 148	#7E8D94
83.3%	83.3% #9DA7AC	RGB 157 167 172	#9DA7AC
100.0%	100.0% #BFC3C5	RGB 191 195 197	#BFC3C5

#202D34 #33434C #495B64 #62737C #7E8D94 #9DA7AC #BFC3C5

#202D34 - #62737C - #BFC3C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202D34 0%, #62737C 50%, #BFC3C5 100%);
    background: -webkit-linear-gradient(top, #202D34 0%, #62737C 50%, #BFC3C5 100%);
    background: linear-gradient(to bottom, #202D34 0%, #62737C 50%, #BFC3C5 100%);
}
</style>