#8C597C - #DECFDA | 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 #8C597C to #DECFDA

#8C597C #DECFDA

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

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

0.0%	0.0% #8C597C	RGB 140 89 124	#8C597C
16.7%	16.7% #996C8B	RGB 153 108 139	#996C8B
33.3%	33.3% #A7809B	RGB 167 128 155	#A7809B
50.0%	50.0% #B594AB	RGB 181 148 171	#B594AB
66.7%	66.7% #C2A7BA	RGB 194 167 186	#C2A7BA
83.3%	83.3% #D0BBCA	RGB 208 187 202	#D0BBCA
100.0%	100.0% #DECFDA	RGB 222 207 218	#DECFDA

#8C597C #996C8B #A7809B #B594AB #C2A7BA #D0BBCA #DECFDA

#8C597C - #DECFDA

HSV Blend

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

0.0%	0.0% #8C597C	RGB 140 89 124	#8C597C
16.7%	16.7% #99698A	RGB 153 105 138	#99698A
33.3%	33.3% #A77A9A	RGB 167 122 154	#A77A9A
50.0%	50.0% #B58DA9	RGB 181 141 169	#B58DA9
66.7%	66.7% #C2A2B9	RGB 194 162 185	#C2A2B9
83.3%	83.3% #D0B7C9	RGB 208 183 201	#D0B7C9
100.0%	100.0% #DECFDA	RGB 222 207 218	#DECFDA

#8C597C #99698A #A77A9A #B58DA9 #C2A2B9 #D0B7C9 #DECFDA

#8C597C - #B58DA9 - #DECFDA

CSS codes

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

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