#484846 - #697F99 | 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 #484846 to #697F99

#484846 #697F99

Calculate the color between two colors, #484846 and #697F99. 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)

#484846 - #697F99 | 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 #484846 as 0% and #697F99 as 100%.

0.0%	0.0% #484846	RGB 72 72 70	#484846
16.7%	16.7% #4D5153	RGB 77 81 83	#4D5153
33.3%	33.3% #535A61	RGB 83 90 97	#535A61
50.0%	50.0% #58636F	RGB 88 99 111	#58636F
66.7%	66.7% #5E6C7D	RGB 94 108 125	#5E6C7D
83.3%	83.3% #63758B	RGB 99 117 139	#63758B
100.0%	100.0% #697F99	RGB 105 127 153	#697F99

#484846 #4D5153 #535A61 #58636F #5E6C7D #63758B #697F99

#484846 - #697F99

HSV Blend

#484846 - #697F99 | 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 #484846 as 0% and #697F99 as 100%.

0.0%	0.0% #484846	RGB 72 72 70	#484846
16.7%	16.7% #52554F	RGB 82 85 79	#52554F
33.3%	33.3% #586356	RGB 88 99 86	#586356
50.0%	50.0% #5D7062	RGB 93 112 98	#5D7062
66.7%	66.7% #627E75	RGB 98 126 117	#627E75
83.3%	83.3% #66878B	RGB 102 135 139	#66878B
100.0%	100.0% #697F99	RGB 105 127 153	#697F99

#484846 #52554F #586356 #5D7062 #627E75 #66878B #697F99

#484846 - #5D7062 - #697F99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484846 0%, #5D7062 50%, #697F99 100%);
    background: -webkit-linear-gradient(top, #484846 0%, #5D7062 50%, #697F99 100%);
    background: linear-gradient(to bottom, #484846 0%, #5D7062 50%, #697F99 100%);
}
</style>