#001F2D - #B6BFC3 | 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 #001F2D to #B6BFC3

#001F2D #B6BFC3

Calculate the color between two colors, #001F2D and #B6BFC3. 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)

#001F2D - #B6BFC3 | 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 #001F2D as 0% and #B6BFC3 as 100%.

0.0%	0.0% #001F2D	RGB 0 31 45	#001F2D
16.7%	16.7% #1E3946	RGB 30 57 70	#1E3946
33.3%	33.3% #3C545F	RGB 60 84 95	#3C545F
50.0%	50.0% #5B6F78	RGB 91 111 120	#5B6F78
66.7%	66.7% #798991	RGB 121 137 145	#798991
83.3%	83.3% #97A4AA	RGB 151 164 170	#97A4AA
100.0%	100.0% #B6BFC3	RGB 182 191 195	#B6BFC3

#001F2D #1E3946 #3C545F #5B6F78 #798991 #97A4AA #B6BFC3

#001F2D - #B6BFC3

HSV Blend

#001F2D - #B6BFC3 | 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 #001F2D as 0% and #B6BFC3 as 100%.

0.0%	0.0% #001E2D	RGB 0 30 45	#001E2D
16.7%	16.7% #0A3346	RGB 10 51 70	#0A3346
33.3%	33.3% #1D4A5F	RGB 29 74 95	#1D4A5F
50.0%	50.0% #386478	RGB 56 100 120	#386478
66.7%	66.7% #5A8091	RGB 90 128 145	#5A8091
83.3%	83.3% #849EAA	RGB 132 158 170	#849EAA
100.0%	100.0% #B6BFC3	RGB 182 191 195	#B6BFC3

#001E2D #0A3346 #1D4A5F #386478 #5A8091 #849EAA #B6BFC3

#001F2D - #386478 - #B6BFC3

CSS codes

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

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