#1A2019 - #BDBFBD | 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 #1A2019 to #BDBFBD

#1A2019 #BDBFBD

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

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

0.0%	0.0% #1A2019	RGB 26 32 25	#1A2019
16.7%	16.7% #353A34	RGB 53 58 52	#353A34
33.3%	33.3% #50554F	RGB 80 85 79	#50554F
50.0%	50.0% #6B6F6B	RGB 107 111 107	#6B6F6B
66.7%	66.7% #868A86	RGB 134 138 134	#868A86
83.3%	83.3% #A1A4A1	RGB 161 164 161	#A1A4A1
100.0%	100.0% #BDBFBD	RGB 189 191 189	#BDBFBD

#1A2019 #353A34 #50554F #6B6F6B #868A86 #A1A4A1 #BDBFBD

#1A2019 - #BDBFBD

HSV Blend

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

0.0%	0.0% #1A2019	RGB 26 32 25	#1A2019
16.7%	16.7% #313A2F	RGB 49 58 47	#313A2F
33.3%	33.3% #495548	RGB 73 85 72	#495548
50.0%	50.0% #636F62	RGB 99 111 98	#636F62
66.7%	66.7% #7F8A7E	RGB 127 138 126	#7F8A7E
83.3%	83.3% #9DA49D	RGB 157 164 157	#9DA49D
100.0%	100.0% #BDBFBD	RGB 189 191 189	#BDBFBD

#1A2019 #313A2F #495548 #636F62 #7F8A7E #9DA49D #BDBFBD

#1A2019 - #636F62 - #BDBFBD

CSS codes

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

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