#497A8C - #22343D | 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 #497A8C to #22343D

#497A8C #22343D

Calculate the color between two colors, #497A8C and #22343D. 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)

#497A8C - #22343D | 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 #497A8C as 0% and #22343D as 100%.

0.0%	0.0% #497A8C	RGB 73 122 140	#497A8C
16.7%	16.7% #426E7E	RGB 66 110 126	#426E7E
33.3%	33.3% #3C6271	RGB 60 98 113	#3C6271
50.0%	50.0% #355764	RGB 53 87 100	#355764
66.7%	66.7% #2F4B57	RGB 47 75 87	#2F4B57
83.3%	83.3% #283F4A	RGB 40 63 74	#283F4A
100.0%	100.0% #22343D	RGB 34 52 61	#22343D

#497A8C #426E7E #3C6271 #355764 #2F4B57 #283F4A #22343D

#497A8C - #22343D

HSV Blend

#497A8C - #22343D | 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 #497A8C as 0% and #22343D as 100%.

0.0%	0.0% #49798C	RGB 73 121 140	#49798C
16.7%	16.7% #426E7E	RGB 66 110 126	#426E7E
33.3%	33.3% #3C6271	RGB 60 98 113	#3C6271
50.0%	50.0% #365664	RGB 54 86 100	#365664
66.7%	66.7% #2F4A57	RGB 47 74 87	#2F4A57
83.3%	83.3% #283F4A	RGB 40 63 74	#283F4A
100.0%	100.0% #22343D	RGB 34 52 61	#22343D

#49798C #426E7E #3C6271 #365664 #2F4A57 #283F4A #22343D

#497A8C - #365664 - #22343D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49798C 0%, #365664 50%, #22343D 100%);
    background: -webkit-linear-gradient(top, #49798C 0%, #365664 50%, #22343D 100%);
    background: linear-gradient(to bottom, #49798C 0%, #365664 50%, #22343D 100%);
}
</style>