#202024 - #BFBFC0 | 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 #202024 to #BFBFC0

#202024 #BFBFC0

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

#202024 - #BFBFC0 | 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 #202024 as 0% and #BFBFC0 as 100%.

0.0%	0.0% #202024	RGB 32 32 36	#202024
16.7%	16.7% #3A3A3E	RGB 58 58 62	#3A3A3E
33.3%	33.3% #555558	RGB 85 85 88	#555558
50.0%	50.0% #6F6F72	RGB 111 111 114	#6F6F72
66.7%	66.7% #8A8A8C	RGB 138 138 140	#8A8A8C
83.3%	83.3% #A4A4A6	RGB 164 164 166	#A4A4A6
100.0%	100.0% #BFBFC0	RGB 191 191 192	#BFBFC0

#202024 #3A3A3E #555558 #6F6F72 #8A8A8C #A4A4A6 #BFBFC0

#202024 - #BFBFC0

HSV Blend

#202024 - #BFBFC0 | 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 #202024 as 0% and #BFBFC0 as 100%.

0.0%	0.0% #202024	RGB 32 32 36	#202024
16.7%	16.7% #38383E	RGB 56 56 62	#38383E
33.3%	33.3% #515158	RGB 81 81 88	#515158
50.0%	50.0% #6B6B72	RGB 107 107 114	#6B6B72
66.7%	66.7% #86868C	RGB 134 134 140	#86868C
83.3%	83.3% #A2A2A6	RGB 162 162 166	#A2A2A6
100.0%	100.0% #BFBFC0	RGB 191 191 192	#BFBFC0

#202024 #38383E #515158 #6B6B72 #86868C #A2A2A6 #BFBFC0

#202024 - #6B6B72 - #BFBFC0

CSS codes

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

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