#031C2B - #B7BDC2 | 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 #031C2B to #B7BDC2

#031C2B #B7BDC2

Calculate the color between two colors, #031C2B and #B7BDC2. 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)

#031C2B - #B7BDC2 | 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 #031C2B as 0% and #B7BDC2 as 100%.

0.0%	0.0% #031C2B	RGB 3 28 43	#031C2B
16.7%	16.7% #213644	RGB 33 54 68	#213644
33.3%	33.3% #3F515D	RGB 63 81 93	#3F515D
50.0%	50.0% #5D6C76	RGB 93 108 118	#5D6C76
66.7%	66.7% #7B878F	RGB 123 135 143	#7B878F
83.3%	83.3% #99A2A8	RGB 153 162 168	#99A2A8
100.0%	100.0% #B7BDC2	RGB 183 189 194	#B7BDC2

#031C2B #213644 #3F515D #5D6C76 #7B878F #99A2A8 #B7BDC2

#031C2B - #B7BDC2

HSV Blend

#031C2B - #B7BDC2 | 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 #031C2B as 0% and #B7BDC2 as 100%.

0.0%	0.0% #031C2B	RGB 3 28 43	#031C2B
16.7%	16.7% #0E2F44	RGB 14 47 68	#0E2F44
33.3%	33.3% #21455D	RGB 33 69 93	#21455D
50.0%	50.0% #3C5E76	RGB 60 94 118	#3C5E76
66.7%	66.7% #5D7A8F	RGB 93 122 143	#5D7A8F
83.3%	83.3% #8699A8	RGB 134 153 168	#8699A8
100.0%	100.0% #B7BDC2	RGB 183 189 194	#B7BDC2

#031C2B #0E2F44 #21455D #3C5E76 #5D7A8F #8699A8 #B7BDC2

#031C2B - #3C5E76 - #B7BDC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #031C2B 0%, #3C5E76 50%, #B7BDC2 100%);
    background: -webkit-linear-gradient(top, #031C2B 0%, #3C5E76 50%, #B7BDC2 100%);
    background: linear-gradient(to bottom, #031C2B 0%, #3C5E76 50%, #B7BDC2 100%);
}
</style>