#563E5E - #CFC7D1 | 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 #563E5E to #CFC7D1

#563E5E #CFC7D1

Calculate the color between two colors, #563E5E and #CFC7D1. 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)

#563E5E - #CFC7D1 | 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 #563E5E as 0% and #CFC7D1 as 100%.

0.0%	0.0% #563E5E	RGB 86 62 94	#563E5E
16.7%	16.7% #6A5471	RGB 106 84 113	#6A5471
33.3%	33.3% #7E6B84	RGB 126 107 132	#7E6B84
50.0%	50.0% #928297	RGB 146 130 151	#928297
66.7%	66.7% #A699AA	RGB 166 153 170	#A699AA
83.3%	83.3% #BAB0BD	RGB 186 176 189	#BAB0BD
100.0%	100.0% #CFC7D1	RGB 207 199 209	#CFC7D1

#563E5E #6A5471 #7E6B84 #928297 #A699AA #BAB0BD #CFC7D1

#563E5E - #CFC7D1

HSV Blend

#563E5E - #CFC7D1 | 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 #563E5E as 0% and #CFC7D1 as 100%.

0.0%	0.0% #563E5E	RGB 86 62 94	#563E5E
16.7%	16.7% #695071	RGB 105 80 113	#695071
33.3%	33.3% #7C6484	RGB 124 100 132	#7C6484
50.0%	50.0% #907A97	RGB 144 122 151	#907A97
66.7%	66.7% #A591AA	RGB 165 145 170	#A591AA
83.3%	83.3% #BAABBD	RGB 186 171 189	#BAABBD
100.0%	100.0% #CFC7D1	RGB 207 199 209	#CFC7D1

#563E5E #695071 #7C6484 #907A97 #A591AA #BAABBD #CFC7D1

#563E5E - #907A97 - #CFC7D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #563E5E 0%, #907A97 50%, #CFC7D1 100%);
    background: -webkit-linear-gradient(top, #563E5E 0%, #907A97 50%, #CFC7D1 100%);
    background: linear-gradient(to bottom, #563E5E 0%, #907A97 50%, #CFC7D1 100%);
}
</style>