#778899 - #22262B | 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 #778899 to #22262B

#778899 #22262B

Calculate the color between two colors, #778899 and #22262B. 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)

#778899 - #22262B | 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 #778899 as 0% and #22262B as 100%.

0.0%	0.0% #778899	RGB 119 136 153	#778899
16.7%	16.7% #687786	RGB 104 119 134	#687786
33.3%	33.3% #5A6774	RGB 90 103 116	#5A6774
50.0%	50.0% #4C5762	RGB 76 87 98	#4C5762
66.7%	66.7% #3E464F	RGB 62 70 79	#3E464F
83.3%	83.3% #30363D	RGB 48 54 61	#30363D
100.0%	100.0% #22262B	RGB 34 38 43	#22262B

#778899 #687786 #5A6774 #4C5762 #3E464F #30363D #22262B

#778899 - #22262B

HSV Blend

#778899 - #22262B | 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 #778899 as 0% and #22262B as 100%.

0.0%	0.0% #778899	RGB 119 136 153	#778899
16.7%	16.7% #697786	RGB 105 119 134	#697786
33.3%	33.3% #5A6774	RGB 90 103 116	#5A6774
50.0%	50.0% #4C5662	RGB 76 86 98	#4C5662
66.7%	66.7% #3E464F	RGB 62 70 79	#3E464F
83.3%	83.3% #30363D	RGB 48 54 61	#30363D
100.0%	100.0% #22262B	RGB 34 38 43	#22262B

#778899 #697786 #5A6774 #4C5662 #3E464F #30363D #22262B

#778899 - #4C5662 - #22262B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #778899 0%, #4C5662 50%, #22262B 100%);
    background: -webkit-linear-gradient(top, #778899 0%, #4C5662 50%, #22262B 100%);
    background: linear-gradient(to bottom, #778899 0%, #4C5662 50%, #22262B 100%);
}
</style>