#1B3C33 - #BDC7C4 | 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 #1B3C33 to #BDC7C4

#1B3C33 #BDC7C4

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

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

0.0%	0.0% #1B3C33	RGB 27 60 51	#1B3C33
16.7%	16.7% #36534B	RGB 54 83 75	#36534B
33.3%	33.3% #516A63	RGB 81 106 99	#516A63
50.0%	50.0% #6C817B	RGB 108 129 123	#6C817B
66.7%	66.7% #879893	RGB 135 152 147	#879893
83.3%	83.3% #A2AFAB	RGB 162 175 171	#A2AFAB
100.0%	100.0% #BDC7C4	RGB 189 199 196	#BDC7C4

#1B3C33 #36534B #516A63 #6C817B #879893 #A2AFAB #BDC7C4

#1B3C33 - #BDC7C4

HSV Blend

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

0.0%	0.0% #1B3C33	RGB 27 60 51	#1B3C33
16.7%	16.7% #2C5348	RGB 44 83 72	#2C5348
33.3%	33.3% #416A5E	RGB 65 106 94	#416A5E
50.0%	50.0% #5A8176	RGB 90 129 118	#5A8176
66.7%	66.7% #77988F	RGB 119 152 143	#77988F
83.3%	83.3% #98AFA8	RGB 152 175 168	#98AFA8
100.0%	100.0% #BDC7C4	RGB 189 199 196	#BDC7C4

#1B3C33 #2C5348 #416A5E #5A8176 #77988F #98AFA8 #BDC7C4

#1B3C33 - #5A8176 - #BDC7C4

CSS codes

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

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