#8D9DA6 - #424E5E | 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 #8D9DA6 to #424E5E

#8D9DA6 #424E5E

Calculate the color between two colors, #8D9DA6 and #424E5E. 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)

#8D9DA6 - #424E5E | 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 #8D9DA6 as 0% and #424E5E as 100%.

0.0%	0.0% #8D9DA6	RGB 141 157 166	#8D9DA6
16.7%	16.7% #808F9A	RGB 128 143 154	#808F9A
33.3%	33.3% #74828E	RGB 116 130 142	#74828E
50.0%	50.0% #677582	RGB 103 117 130	#677582
66.7%	66.7% #5B6876	RGB 91 104 118	#5B6876
83.3%	83.3% #4E5B6A	RGB 78 91 106	#4E5B6A
100.0%	100.0% #424E5E	RGB 66 78 94	#424E5E

#8D9DA6 #808F9A #74828E #677582 #5B6876 #4E5B6A #424E5E

#8D9DA6 - #424E5E

HSV Blend

#8D9DA6 - #424E5E | 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 #8D9DA6 as 0% and #424E5E as 100%.

0.0%	0.0% #8D9DA6	RGB 141 157 166	#8D9DA6
16.7%	16.7% #7F8F9A	RGB 127 143 154	#7F8F9A
33.3%	33.3% #71818E	RGB 113 129 142	#71818E
50.0%	50.0% #647482	RGB 100 116 130	#647482
66.7%	66.7% #586776	RGB 88 103 118	#586776
83.3%	83.3% #4D5A6A	RGB 77 90 106	#4D5A6A
100.0%	100.0% #424E5E	RGB 66 78 94	#424E5E

#8D9DA6 #7F8F9A #71818E #647482 #586776 #4D5A6A #424E5E

#8D9DA6 - #647482 - #424E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9DA6 0%, #647482 50%, #424E5E 100%);
    background: -webkit-linear-gradient(top, #8D9DA6 0%, #647482 50%, #424E5E 100%);
    background: linear-gradient(to bottom, #8D9DA6 0%, #647482 50%, #424E5E 100%);
}
</style>