#7A868C - #1D5058 | 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 #7A868C to #1D5058

#7A868C #1D5058

Calculate the color between two colors, #7A868C and #1D5058. 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)

#7A868C - #1D5058 | 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 #7A868C as 0% and #1D5058 as 100%.

0.0%	0.0% #7A868C	RGB 122 134 140	#7A868C
16.7%	16.7% #6A7D83	RGB 106 125 131	#6A7D83
33.3%	33.3% #5B747A	RGB 91 116 122	#5B747A
50.0%	50.0% #4B6B72	RGB 75 107 114	#4B6B72
66.7%	66.7% #3C6269	RGB 60 98 105	#3C6269
83.3%	83.3% #2C5960	RGB 44 89 96	#2C5960
100.0%	100.0% #1D5058	RGB 29 80 88	#1D5058

#7A868C #6A7D83 #5B747A #4B6B72 #3C6269 #2C5960 #1D5058

#7A868C - #1D5058

HSV Blend

#7A868C - #1D5058 | 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 #7A868C as 0% and #1D5058 as 100%.

0.0%	0.0% #7A868C	RGB 122 134 140	#7A868C
16.7%	16.7% #667A83	RGB 102 122 131	#667A83
33.3%	33.3% #54707A	RGB 84 112 122	#54707A
50.0%	50.0% #446772	RGB 68 103 114	#446772
66.7%	66.7% #355E69	RGB 53 94 105	#355E69
83.3%	83.3% #285760	RGB 40 87 96	#285760
100.0%	100.0% #1D5058	RGB 29 80 88	#1D5058

#7A868C #667A83 #54707A #446772 #355E69 #285760 #1D5058

#7A868C - #446772 - #1D5058

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A868C 0%, #446772 50%, #1D5058 100%);
    background: -webkit-linear-gradient(top, #7A868C 0%, #446772 50%, #1D5058 100%);
    background: linear-gradient(to bottom, #7A868C 0%, #446772 50%, #1D5058 100%);
}
</style>