#8C8BA1 - #503152 | 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 #8C8BA1 to #503152

#8C8BA1 #503152

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

#8C8BA1 - #503152 | 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 #8C8BA1 as 0% and #503152 as 100%.

0.0%	0.0% #8C8BA1	RGB 140 139 161	#8C8BA1
16.7%	16.7% #827C93	RGB 130 124 147	#827C93
33.3%	33.3% #786D86	RGB 120 109 134	#786D86
50.0%	50.0% #6E5E79	RGB 110 94 121	#6E5E79
66.7%	66.7% #644F6C	RGB 100 79 108	#644F6C
83.3%	83.3% #5A405F	RGB 90 64 95	#5A405F
100.0%	100.0% #503152	RGB 80 49 82	#503152

#8C8BA1 #827C93 #786D86 #6E5E79 #644F6C #5A405F #503152

#8C8BA1 - #503152

HSV Blend

#8C8BA1 - #503152 | 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 #8C8BA1 as 0% and #503152 as 100%.

0.0%	0.0% #8C8BA1	RGB 140 139 161	#8C8BA1
16.7%	16.7% #7E7993	RGB 126 121 147	#7E7993
33.3%	33.3% #726886	RGB 114 104 134	#726886
50.0%	50.0% #685879	RGB 104 88 121	#685879
66.7%	66.7% #604A6C	RGB 96 74 108	#604A6C
83.3%	83.3% #583D5F	RGB 88 61 95	#583D5F
100.0%	100.0% #503152	RGB 80 49 82	#503152

#8C8BA1 #7E7993 #726886 #685879 #604A6C #583D5F #503152

#8C8BA1 - #685879 - #503152

CSS codes

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

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