#1B051A - #BDB7BD | 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 #1B051A to #BDB7BD

#1B051A #BDB7BD

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

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

0.0%	0.0% #1B051A	RGB 27 5 26	#1B051A
16.7%	16.7% #362235	RGB 54 34 53	#362235
33.3%	33.3% #514050	RGB 81 64 80	#514050
50.0%	50.0% #6C5E6B	RGB 108 94 107	#6C5E6B
66.7%	66.7% #877B86	RGB 135 123 134	#877B86
83.3%	83.3% #A299A1	RGB 162 153 161	#A299A1
100.0%	100.0% #BDB7BD	RGB 189 183 189	#BDB7BD

#1B051A #362235 #514050 #6C5E6B #877B86 #A299A1 #BDB7BD

#1B051A - #BDB7BD

HSV Blend

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

0.0%	0.0% #1B051A	RGB 27 5 26	#1B051A
16.7%	16.7% #361134	RGB 54 17 52	#361134
33.3%	33.3% #51244F	RGB 81 36 79	#51244F
50.0%	50.0% #6C3E6A	RGB 108 62 106	#6C3E6A
66.7%	66.7% #875F86	RGB 135 95 134	#875F86
83.3%	83.3% #A287A1	RGB 162 135 161	#A287A1
100.0%	100.0% #BDB7BD	RGB 189 183 189	#BDB7BD

#1B051A #361134 #51244F #6C3E6A #875F86 #A287A1 #BDB7BD

#1B051A - #6C3E6A - #BDB7BD

CSS codes

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

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