#4D798C - #162128 | 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 #4D798C to #162128

#4D798C #162128

Calculate the color between two colors, #4D798C and #162128. 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)

#4D798C - #162128 | 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 #4D798C as 0% and #162128 as 100%.

0.0%	0.0% #4D798C	RGB 77 121 140	#4D798C
16.7%	16.7% #436A7B	RGB 67 106 123	#436A7B
33.3%	33.3% #3A5B6A	RGB 58 91 106	#3A5B6A
50.0%	50.0% #314D5A	RGB 49 77 90	#314D5A
66.7%	66.7% #283E49	RGB 40 62 73	#283E49
83.3%	83.3% #1F2F38	RGB 31 47 56	#1F2F38
100.0%	100.0% #162128	RGB 22 33 40	#162128

#4D798C #436A7B #3A5B6A #314D5A #283E49 #1F2F38 #162128

#4D798C - #162128

HSV Blend

#4D798C - #162128 | 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 #4D798C as 0% and #162128 as 100%.

0.0%	0.0% #4D798C	RGB 77 121 140	#4D798C
16.7%	16.7% #43697B	RGB 67 105 123	#43697B
33.3%	33.3% #3A5A6A	RGB 58 90 106	#3A5A6A
50.0%	50.0% #314C5A	RGB 49 76 90	#314C5A
66.7%	66.7% #283D49	RGB 40 61 73	#283D49
83.3%	83.3% #1F2F38	RGB 31 47 56	#1F2F38
100.0%	100.0% #162128	RGB 22 33 40	#162128

#4D798C #43697B #3A5A6A #314C5A #283D49 #1F2F38 #162128

#4D798C - #314C5A - #162128

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D798C 0%, #314C5A 50%, #162128 100%);
    background: -webkit-linear-gradient(top, #4D798C 0%, #314C5A 50%, #162128 100%);
    background: linear-gradient(to bottom, #4D798C 0%, #314C5A 50%, #162128 100%);
}
</style>