#334E5E - #171A1A | 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 #334E5E to #171A1A

#334E5E #171A1A

Calculate the color between two colors, #334E5E and #171A1A. 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)

#334E5E - #171A1A | 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 #334E5E as 0% and #171A1A as 100%.

0.0%	0.0% #334E5E	RGB 51 78 94	#334E5E
16.7%	16.7% #2E4552	RGB 46 69 82	#2E4552
33.3%	33.3% #293C47	RGB 41 60 71	#293C47
50.0%	50.0% #25343C	RGB 37 52 60	#25343C
66.7%	66.7% #202B30	RGB 32 43 48	#202B30
83.3%	83.3% #1B2225	RGB 27 34 37	#1B2225
100.0%	100.0% #171A1A	RGB 23 26 26	#171A1A

#334E5E #2E4552 #293C47 #25343C #202B30 #1B2225 #171A1A

#334E5E - #171A1A

HSV Blend

#334E5E - #171A1A | 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 #334E5E as 0% and #171A1A as 100%.

0.0%	0.0% #334D5E	RGB 51 77 94	#334D5E
16.7%	16.7% #314852	RGB 49 72 82	#314852
33.3%	33.3% #2E4147	RGB 46 65 71	#2E4147
50.0%	50.0% #2A383C	RGB 42 56 60	#2A383C
66.7%	66.7% #252F30	RGB 37 47 48	#252F30
83.3%	83.3% #1E2425	RGB 30 36 37	#1E2425
100.0%	100.0% #171A1A	RGB 23 26 26	#171A1A

#334D5E #314852 #2E4147 #2A383C #252F30 #1E2425 #171A1A

#334E5E - #2A383C - #171A1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #334D5E 0%, #2A383C 50%, #171A1A 100%);
    background: -webkit-linear-gradient(top, #334D5E 0%, #2A383C 50%, #171A1A 100%);
    background: linear-gradient(to bottom, #334D5E 0%, #2A383C 50%, #171A1A 100%);
}
</style>