#543D6B - #CDC7D4 | 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 #543D6B to #CDC7D4

#543D6B #CDC7D4

Calculate the color between two colors, #543D6B and #CDC7D4. 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)

#543D6B - #CDC7D4 | 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 #543D6B as 0% and #CDC7D4 as 100%.

0.0%	0.0% #543D6B	RGB 84 61 107	#543D6B
16.7%	16.7% #68547C	RGB 104 84 124	#68547C
33.3%	33.3% #7C6B8E	RGB 124 107 142	#7C6B8E
50.0%	50.0% #90829F	RGB 144 130 159	#90829F
66.7%	66.7% #A499B1	RGB 164 153 177	#A499B1
83.3%	83.3% #B8B0C2	RGB 184 176 194	#B8B0C2
100.0%	100.0% #CDC7D4	RGB 205 199 212	#CDC7D4

#543D6B #68547C #7C6B8E #90829F #A499B1 #B8B0C2 #CDC7D4

#543D6B - #CDC7D4

HSV Blend

#543D6B - #CDC7D4 | 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 #543D6B as 0% and #CDC7D4 as 100%.

0.0%	0.0% #543D6B	RGB 84 61 107	#543D6B
16.7%	16.7% #654E7C	RGB 101 78 124	#654E7C
33.3%	33.3% #77628E	RGB 119 98 142	#77628E
50.0%	50.0% #8B789F	RGB 139 120 159	#8B789F
66.7%	66.7% #9F90B1	RGB 159 144 177	#9F90B1
83.3%	83.3% #B5AAC2	RGB 181 170 194	#B5AAC2
100.0%	100.0% #CDC7D4	RGB 205 199 212	#CDC7D4

#543D6B #654E7C #77628E #8B789F #9F90B1 #B5AAC2 #CDC7D4

#543D6B - #8B789F - #CDC7D4

CSS codes

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

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