#1A3025 - #BDC3C0 | 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 #1A3025 to #BDC3C0

#1A3025 #BDC3C0

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

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

0.0%	0.0% #1A3025	RGB 26 48 37	#1A3025
16.7%	16.7% #35483E	RGB 53 72 62	#35483E
33.3%	33.3% #506158	RGB 80 97 88	#506158
50.0%	50.0% #6B7972	RGB 107 121 114	#6B7972
66.7%	66.7% #86928C	RGB 134 146 140	#86928C
83.3%	83.3% #A1AAA6	RGB 161 170 166	#A1AAA6
100.0%	100.0% #BDC3C0	RGB 189 195 192	#BDC3C0

#1A3025 #35483E #506158 #6B7972 #86928C #A1AAA6 #BDC3C0

#1A3025 - #BDC3C0

HSV Blend

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

0.0%	0.0% #1A3025	RGB 26 48 37	#1A3025
16.7%	16.7% #2C483A	RGB 44 72 58	#2C483A
33.3%	33.3% #426151	RGB 66 97 81	#426151
50.0%	50.0% #5B796A	RGB 91 121 106	#5B796A
66.7%	66.7% #789285	RGB 120 146 133	#789285
83.3%	83.3% #99AAA1	RGB 153 170 161	#99AAA1
100.0%	100.0% #BDC3C0	RGB 189 195 192	#BDC3C0

#1A3025 #2C483A #426151 #5B796A #789285 #99AAA1 #BDC3C0

#1A3025 - #5B796A - #BDC3C0

CSS codes

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

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