#8C5A8F - #DECFDF | 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 #8C5A8F to #DECFDF

#8C5A8F #DECFDF

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

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

0.0%	0.0% #8C5A8F	RGB 140 90 143	#8C5A8F
16.7%	16.7% #996D9C	RGB 153 109 156	#996D9C
33.3%	33.3% #A781A9	RGB 167 129 169	#A781A9
50.0%	50.0% #B594B7	RGB 181 148 183	#B594B7
66.7%	66.7% #C2A8C4	RGB 194 168 196	#C2A8C4
83.3%	83.3% #D0BBD1	RGB 208 187 209	#D0BBD1
100.0%	100.0% #DECFDF	RGB 222 207 223	#DECFDF

#8C5A8F #996D9C #A781A9 #B594B7 #C2A8C4 #D0BBD1 #DECFDF

#8C5A8F - #DECFDF

HSV Blend

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

0.0%	0.0% #8C5A8F	RGB 140 90 143	#8C5A8F
16.7%	16.7% #996A9C	RGB 153 106 156	#996A9C
33.3%	33.3% #A67BA9	RGB 166 123 169	#A67BA9
50.0%	50.0% #B48EB7	RGB 180 142 183	#B48EB7
66.7%	66.7% #C2A2C4	RGB 194 162 196	#C2A2C4
83.3%	83.3% #D0B8D1	RGB 208 184 209	#D0B8D1
100.0%	100.0% #DECFDF	RGB 222 207 223	#DECFDF

#8C5A8F #996A9C #A67BA9 #B48EB7 #C2A2C4 #D0B8D1 #DECFDF

#8C5A8F - #B48EB7 - #DECFDF

CSS codes

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

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