#3E504C - #8C7689 | 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 #3E504C to #8C7689

#3E504C #8C7689

Calculate the color between two colors, #3E504C and #8C7689. 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)

#3E504C - #8C7689 | 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 #3E504C as 0% and #8C7689 as 100%.

0.0%	0.0% #3E504C	RGB 62 80 76	#3E504C
16.7%	16.7% #4B5656	RGB 75 86 86	#4B5656
33.3%	33.3% #585C60	RGB 88 92 96	#585C60
50.0%	50.0% #65636A	RGB 101 99 106	#65636A
66.7%	66.7% #726974	RGB 114 105 116	#726974
83.3%	83.3% #7F6F7E	RGB 127 111 126	#7F6F7E
100.0%	100.0% #8C7689	RGB 140 118 137	#8C7689

#3E504C #4B5656 #585C60 #65636A #726974 #7F6F7E #8C7689

#3E504C - #8C7689

HSV Blend

#3E504C - #8C7689 | 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 #3E504C as 0% and #8C7689 as 100%.

0.0%	0.0% #3E504C	RGB 62 80 76	#3E504C
16.7%	16.7% #46565A	RGB 70 86 90	#46565A
33.3%	33.3% #4F5864	RGB 79 88 100	#4F5864
50.0%	50.0% #58596E	RGB 88 89 110	#58596E
66.7%	66.7% #696278	RGB 105 98 120	#696278
83.3%	83.3% #7C6C82	RGB 124 108 130	#7C6C82
100.0%	100.0% #8C7689	RGB 140 118 137	#8C7689

#3E504C #46565A #4F5864 #58596E #696278 #7C6C82 #8C7689

#3E504C - #58596E - #8C7689

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E504C 0%, #58596E 50%, #8C7689 100%);
    background: -webkit-linear-gradient(top, #3E504C 0%, #58596E 50%, #8C7689 100%);
    background: linear-gradient(to bottom, #3E504C 0%, #58596E 50%, #8C7689 100%);
}
</style>