#8C3784 - #DEC5DB | 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 #8C3784 to #DEC5DB

#8C3784 #DEC5DB

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

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

0.0%	0.0% #8C3784	RGB 140 55 132	#8C3784
16.7%	16.7% #994E92	RGB 153 78 146	#994E92
33.3%	33.3% #A766A1	RGB 167 102 161	#A766A1
50.0%	50.0% #B57EAF	RGB 181 126 175	#B57EAF
66.7%	66.7% #C295BE	RGB 194 149 190	#C295BE
83.3%	83.3% #D0ADCC	RGB 208 173 204	#D0ADCC
100.0%	100.0% #DEC5DB	RGB 222 197 219	#DEC5DB

#8C3784 #994E92 #A766A1 #B57EAF #C295BE #D0ADCC #DEC5DB

#8C3784 - #DEC5DB

HSV Blend

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

0.0%	0.0% #8C3784	RGB 140 55 132	#8C3784
16.7%	16.7% #994991	RGB 153 73 145	#994991
33.3%	33.3% #A75D9F	RGB 167 93 159	#A75D9F
50.0%	50.0% #B573AE	RGB 181 115 174	#B573AE
66.7%	66.7% #C28CBC	RGB 194 140 188	#C28CBC
83.3%	83.3% #D0A7CB	RGB 208 167 203	#D0A7CB
100.0%	100.0% #DEC5DB	RGB 222 197 219	#DEC5DB

#8C3784 #994991 #A75D9F #B573AE #C28CBC #D0A7CB #DEC5DB

#8C3784 - #B573AE - #DEC5DB

CSS codes

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

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