#041C2B - #B7BEC2 | 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 #041C2B to #B7BEC2

#041C2B #B7BEC2

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

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

0.0%	0.0% #041C2B	RGB 4 28 43	#041C2B
16.7%	16.7% #213744	RGB 33 55 68	#213744
33.3%	33.3% #3F525D	RGB 63 82 93	#3F525D
50.0%	50.0% #5D6D76	RGB 93 109 118	#5D6D76
66.7%	66.7% #7B888F	RGB 123 136 143	#7B888F
83.3%	83.3% #99A3A8	RGB 153 163 168	#99A3A8
100.0%	100.0% #B7BEC2	RGB 183 190 194	#B7BEC2

#041C2B #213744 #3F525D #5D6D76 #7B888F #99A3A8 #B7BEC2

#041C2B - #B7BEC2

HSV Blend

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

0.0%	0.0% #031C2B	RGB 3 28 43	#031C2B
16.7%	16.7% #103044	RGB 16 48 68	#103044
33.3%	33.3% #23475D	RGB 35 71 93	#23475D
50.0%	50.0% #3D6176	RGB 61 97 118	#3D6176
66.7%	66.7% #5E7D8F	RGB 94 125 143	#5E7D8F
83.3%	83.3% #879CA8	RGB 135 156 168	#879CA8
100.0%	100.0% #B7BEC2	RGB 183 190 194	#B7BEC2

#031C2B #103044 #23475D #3D6176 #5E7D8F #879CA8 #B7BEC2

#041C2B - #3D6176 - #B7BEC2

CSS codes

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

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