#264B5E - #171918 | 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 #264B5E to #171918

#264B5E #171918

Calculate the color between two colors, #264B5E and #171918. 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)

#264B5E - #171918 | 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 #264B5E as 0% and #171918 as 100%.

0.0%	0.0% #264B5E	RGB 38 75 94	#264B5E
16.7%	16.7% #234252	RGB 35 66 82	#234252
33.3%	33.3% #213A46	RGB 33 58 70	#213A46
50.0%	50.0% #1E323B	RGB 30 50 59	#1E323B
66.7%	66.7% #1C292F	RGB 28 41 47	#1C292F
83.3%	83.3% #192123	RGB 25 33 35	#192123
100.0%	100.0% #171918	RGB 23 25 24	#171918

#264B5E #234252 #213A46 #1E323B #1C292F #192123 #171918

#264B5E - #171918

HSV Blend

#264B5E - #171918 | 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 #264B5E as 0% and #171918 as 100%.

0.0%	0.0% #264A5E	RGB 38 74 94	#264A5E
16.7%	16.7% #284A52	RGB 40 74 82	#284A52
33.3%	33.3% #284547	RGB 40 69 71	#284547
50.0%	50.0% #273B39	RGB 39 59 57	#273B39
66.7%	66.7% #23302D	RGB 35 48 45	#23302D
83.3%	83.3% #1E2422	RGB 30 36 34	#1E2422
100.0%	100.0% #171918	RGB 23 25 24	#171918

#264A5E #284A52 #284547 #273B39 #23302D #1E2422 #171918

#264B5E - #273B39 - #171918

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #264A5E 0%, #273B39 50%, #171918 100%);
    background: -webkit-linear-gradient(top, #264A5E 0%, #273B39 50%, #171918 100%);
    background: linear-gradient(to bottom, #264A5E 0%, #273B39 50%, #171918 100%);
}
</style>