#2F4D5E - #171A19 | 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 #2F4D5E to #171A19

#2F4D5E #171A19

Calculate the color between two colors, #2F4D5E and #171A19. 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)

#2F4D5E - #171A19 | 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 #2F4D5E as 0% and #171A19 as 100%.

0.0%	0.0% #2F4D5E	RGB 47 77 94	#2F4D5E
16.7%	16.7% #2B4452	RGB 43 68 82	#2B4452
33.3%	33.3% #273C47	RGB 39 60 71	#273C47
50.0%	50.0% #23333B	RGB 35 51 59	#23333B
66.7%	66.7% #1F2B30	RGB 31 43 48	#1F2B30
83.3%	83.3% #1B2224	RGB 27 34 36	#1B2224
100.0%	100.0% #171A19	RGB 23 26 25	#171A19

#2F4D5E #2B4452 #273C47 #23333B #1F2B30 #1B2224 #171A19

#2F4D5E - #171A19

HSV Blend

#2F4D5E - #171A19 | 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 #2F4D5E as 0% and #171A19 as 100%.

0.0%	0.0% #2F4D5E	RGB 47 77 94	#2F4D5E
16.7%	16.7% #2E4952	RGB 46 73 82	#2E4952
33.3%	33.3% #2C4347	RGB 44 67 71	#2C4347
50.0%	50.0% #293B3C	RGB 41 59 60	#293B3C
66.7%	66.7% #24302F	RGB 36 48 47	#24302F
83.3%	83.3% #1E2523	RGB 30 37 35	#1E2523
100.0%	100.0% #171A19	RGB 23 26 25	#171A19

#2F4D5E #2E4952 #2C4347 #293B3C #24302F #1E2523 #171A19

#2F4D5E - #293B3C - #171A19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F4D5E 0%, #293B3C 50%, #171A19 100%);
    background: -webkit-linear-gradient(top, #2F4D5E 0%, #293B3C 50%, #171A19 100%);
    background: linear-gradient(to bottom, #2F4D5E 0%, #293B3C 50%, #171A19 100%);
}
</style>