#162E2D - #BCC3C3 | 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 #162E2D to #BCC3C3

#162E2D #BCC3C3

Calculate the color between two colors, #162E2D and #BCC3C3. 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)

#162E2D - #BCC3C3 | 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 #162E2D as 0% and #BCC3C3 as 100%.

0.0%	0.0% #162E2D	RGB 22 46 45	#162E2D
16.7%	16.7% #314646	RGB 49 70 70	#314646
33.3%	33.3% #4D5F5F	RGB 77 95 95	#4D5F5F
50.0%	50.0% #697878	RGB 105 120 120	#697878
66.7%	66.7% #849191	RGB 132 145 145	#849191
83.3%	83.3% #A0AAAA	RGB 160 170 170	#A0AAAA
100.0%	100.0% #BCC3C3	RGB 188 195 195	#BCC3C3

#162E2D #314646 #4D5F5F #697878 #849191 #A0AAAA #BCC3C3

#162E2D - #BCC3C3

HSV Blend

#162E2D - #BCC3C3 | 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 #162E2D as 0% and #BCC3C3 as 100%.

0.0%	0.0% #162E2D	RGB 22 46 45	#162E2D
16.7%	16.7% #274645	RGB 39 70 69	#274645
33.3%	33.3% #3D5F5E	RGB 61 95 94	#3D5F5E
50.0%	50.0% #567877	RGB 86 120 119	#567877
66.7%	66.7% #749190	RGB 116 145 144	#749190
83.3%	83.3% #96AAAA	RGB 150 170 170	#96AAAA
100.0%	100.0% #BCC3C3	RGB 188 195 195	#BCC3C3

#162E2D #274645 #3D5F5E #567877 #749190 #96AAAA #BCC3C3

#162E2D - #567877 - #BCC3C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #162E2D 0%, #567877 50%, #BCC3C3 100%);
    background: -webkit-linear-gradient(top, #162E2D 0%, #567877 50%, #BCC3C3 100%);
    background: linear-gradient(to bottom, #162E2D 0%, #567877 50%, #BCC3C3 100%);
}
</style>