#8C5377 - #DECDD7 | 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 #8C5377 to #DECDD7

#8C5377 #DECDD7

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

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

0.0%	0.0% #8C5377	RGB 140 83 119	#8C5377
16.7%	16.7% #996787	RGB 153 103 135	#996787
33.3%	33.3% #A77B97	RGB 167 123 151	#A77B97
50.0%	50.0% #B590A7	RGB 181 144 167	#B590A7
66.7%	66.7% #C2A4B7	RGB 194 164 183	#C2A4B7
83.3%	83.3% #D0B8C7	RGB 208 184 199	#D0B8C7
100.0%	100.0% #DECDD7	RGB 222 205 215	#DECDD7

#8C5377 #996787 #A77B97 #B590A7 #C2A4B7 #D0B8C7 #DECDD7

#8C5377 - #DECDD7

HSV Blend

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

0.0%	0.0% #8C5377	RGB 140 83 119	#8C5377
16.7%	16.7% #996385	RGB 153 99 133	#996385
33.3%	33.3% #A77594	RGB 167 117 148	#A77594
50.0%	50.0% #B589A3	RGB 181 137 163	#B589A3
66.7%	66.7% #C29EB4	RGB 194 158 180	#C29EB4
83.3%	83.3% #D0B4C5	RGB 208 180 197	#D0B4C5
100.0%	100.0% #DECDD7	RGB 222 205 215	#DECDD7

#8C5377 #996385 #A77594 #B589A3 #C29EB4 #D0B4C5 #DECDD7

#8C5377 - #B589A3 - #DECDD7

CSS codes

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

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