#1B2324 - #BDC0C0 | 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 #1B2324 to #BDC0C0

#1B2324 #BDC0C0

Calculate the color between two colors, #1B2324 and #BDC0C0. 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)

#1B2324 - #BDC0C0 | 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 #1B2324 as 0% and #BDC0C0 as 100%.

0.0%	0.0% #1B2324	RGB 27 35 36	#1B2324
16.7%	16.7% #363D3E	RGB 54 61 62	#363D3E
33.3%	33.3% #515758	RGB 81 87 88	#515758
50.0%	50.0% #6C7172	RGB 108 113 114	#6C7172
66.7%	66.7% #878B8C	RGB 135 139 140	#878B8C
83.3%	83.3% #A2A5A6	RGB 162 165 166	#A2A5A6
100.0%	100.0% #BDC0C0	RGB 189 192 192	#BDC0C0

#1B2324 #363D3E #515758 #6C7172 #878B8C #A2A5A6 #BDC0C0

#1B2324 - #BDC0C0

HSV Blend

#1B2324 - #BDC0C0 | 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 #1B2324 as 0% and #BDC0C0 as 100%.

0.0%	0.0% #1B2324	RGB 27 35 36	#1B2324
16.7%	16.7% #303C3E	RGB 48 60 62	#303C3E
33.3%	33.3% #485658	RGB 72 86 88	#485658
50.0%	50.0% #627172	RGB 98 113 114	#627172
66.7%	66.7% #7E8B8C	RGB 126 139 140	#7E8B8C
83.3%	83.3% #9CA5A6	RGB 156 165 166	#9CA5A6
100.0%	100.0% #BDC0C0	RGB 189 192 192	#BDC0C0

#1B2324 #303C3E #485658 #627172 #7E8B8C #9CA5A6 #BDC0C0

#1B2324 - #627172 - #BDC0C0

CSS codes

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

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