#484646 - #699984 | 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 #484646 to #699984

#484646 #699984

Calculate the color between two colors, #484646 and #699984. 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)

#484646 - #699984 | 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 #484646 as 0% and #699984 as 100%.

0.0%	0.0% #484646	RGB 72 70 70	#484646
16.7%	16.7% #4D5350	RGB 77 83 80	#4D5350
33.3%	33.3% #53615A	RGB 83 97 90	#53615A
50.0%	50.0% #586F65	RGB 88 111 101	#586F65
66.7%	66.7% #5E7D6F	RGB 94 125 111	#5E7D6F
83.3%	83.3% #638B79	RGB 99 139 121	#638B79
100.0%	100.0% #699984	RGB 105 153 132	#699984

#484646 #4D5350 #53615A #586F65 #5E7D6F #638B79 #699984

#484646 - #699984

HSV Blend

#484646 - #699984 | 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 #484646 as 0% and #699984 as 100%.

0.0%	0.0% #484646	RGB 72 70 70	#484646
16.7%	16.7% #55514F	RGB 85 81 79	#55514F
33.3%	33.3% #636156	RGB 99 97 86	#636156
50.0%	50.0% #6B705D	RGB 107 112 93	#6B705D
66.7%	66.7% #6A7E62	RGB 106 126 98	#6A7E62
83.3%	83.3% #668B6B	RGB 102 139 107	#668B6B
100.0%	100.0% #699984	RGB 105 153 132	#699984

#484646 #55514F #636156 #6B705D #6A7E62 #668B6B #699984

#484646 - #6B705D - #699984

CSS codes

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

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