#17312B - #BCC4C2 | 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 #17312B to #BCC4C2

#17312B #BCC4C2

Calculate the color between two colors, #17312B and #BCC4C2. 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)

#17312B - #BCC4C2 | 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 #17312B as 0% and #BCC4C2 as 100%.

0.0%	0.0% #17312B	RGB 23 49 43	#17312B
16.7%	16.7% #324944	RGB 50 73 68	#324944
33.3%	33.3% #4E625D	RGB 78 98 93	#4E625D
50.0%	50.0% #697A76	RGB 105 122 118	#697A76
66.7%	66.7% #85938F	RGB 133 147 143	#85938F
83.3%	83.3% #A0ABA8	RGB 160 171 168	#A0ABA8
100.0%	100.0% #BCC4C2	RGB 188 196 194	#BCC4C2

#17312B #324944 #4E625D #697A76 #85938F #A0ABA8 #BCC4C2

#17312B - #BCC4C2

HSV Blend

#17312B - #BCC4C2 | 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 #17312B as 0% and #BCC4C2 as 100%.

0.0%	0.0% #17312A	RGB 23 49 42	#17312A
16.7%	16.7% #284941	RGB 40 73 65	#284941
33.3%	33.3% #3E6259	RGB 62 98 89	#3E6259
50.0%	50.0% #577A72	RGB 87 122 114	#577A72
66.7%	66.7% #75938B	RGB 117 147 139	#75938B
83.3%	83.3% #96ABA6	RGB 150 171 166	#96ABA6
100.0%	100.0% #BCC4C2	RGB 188 196 194	#BCC4C2

#17312A #284941 #3E6259 #577A72 #75938B #96ABA6 #BCC4C2

#17312B - #577A72 - #BCC4C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #17312A 0%, #577A72 50%, #BCC4C2 100%);
    background: -webkit-linear-gradient(top, #17312A 0%, #577A72 50%, #BCC4C2 100%);
    background: linear-gradient(to bottom, #17312A 0%, #577A72 50%, #BCC4C2 100%);
}
</style>