#494952 - #6A97C7 | 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 #494952 to #6A97C7

#494952 #6A97C7

Calculate the color between two colors, #494952 and #6A97C7. 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)

#494952 - #6A97C7 | 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 #494952 as 0% and #6A97C7 as 100%.

0.0%	0.0% #494952	RGB 73 73 82	#494952
16.7%	16.7% #4E5665	RGB 78 86 101	#4E5665
33.3%	33.3% #546379	RGB 84 99 121	#546379
50.0%	50.0% #59708C	RGB 89 112 140	#59708C
66.7%	66.7% #5F7DA0	RGB 95 125 160	#5F7DA0
83.3%	83.3% #648AB3	RGB 100 138 179	#648AB3
100.0%	100.0% #6A97C7	RGB 106 151 199	#6A97C7

#494952 #4E5665 #546379 #59708C #5F7DA0 #648AB3 #6A97C7

#494952 - #6A97C7

HSV Blend

#494952 - #6A97C7 | 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 #494952 as 0% and #6A97C7 as 100%.

0.0%	0.0% #494952	RGB 73 73 82	#494952
16.7%	16.7% #545565	RGB 84 85 101	#545565
33.3%	33.3% #5D6179	RGB 93 97 121	#5D6179
50.0%	50.0% #636D8C	RGB 99 109 140	#636D8C
66.7%	66.7% #687AA0	RGB 104 122 160	#687AA0
83.3%	83.3% #6A87B3	RGB 106 135 179	#6A87B3
100.0%	100.0% #6A97C7	RGB 106 151 199	#6A97C7

#494952 #545565 #5D6179 #636D8C #687AA0 #6A87B3 #6A97C7

#494952 - #636D8C - #6A97C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #494952 0%, #636D8C 50%, #6A97C7 100%);
    background: -webkit-linear-gradient(top, #494952 0%, #636D8C 50%, #6A97C7 100%);
    background: linear-gradient(to bottom, #494952 0%, #636D8C 50%, #6A97C7 100%);
}
</style>