#5C3E5E - #D0C7D1 | 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 #5C3E5E to #D0C7D1

#5C3E5E #D0C7D1

Calculate the color between two colors, #5C3E5E and #D0C7D1. 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)

#5C3E5E - #D0C7D1 | 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 #5C3E5E as 0% and #D0C7D1 as 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #6F5471	RGB 111 84 113	#6F5471
33.3%	33.3% #826B84	RGB 130 107 132	#826B84
50.0%	50.0% #968297	RGB 150 130 151	#968297
66.7%	66.7% #A999AA	RGB 169 153 170	#A999AA
83.3%	83.3% #BCB0BD	RGB 188 176 189	#BCB0BD
100.0%	100.0% #D0C7D1	RGB 208 199 209	#D0C7D1

#5C3E5E #6F5471 #826B84 #968297 #A999AA #BCB0BD #D0C7D1

#5C3E5E - #D0C7D1

HSV Blend

#5C3E5E - #D0C7D1 | 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 #5C3E5E as 0% and #D0C7D1 as 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #6E5071	RGB 110 80 113	#6E5071
33.3%	33.3% #816484	RGB 129 100 132	#816484
50.0%	50.0% #957A97	RGB 149 122 151	#957A97
66.7%	66.7% #A891AA	RGB 168 145 170	#A891AA
83.3%	83.3% #BCABBD	RGB 188 171 189	#BCABBD
100.0%	100.0% #D0C7D1	RGB 208 199 209	#D0C7D1

#5C3E5E #6E5071 #816484 #957A97 #A891AA #BCABBD #D0C7D1

#5C3E5E - #957A97 - #D0C7D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C3E5E 0%, #957A97 50%, #D0C7D1 100%);
    background: -webkit-linear-gradient(top, #5C3E5E 0%, #957A97 50%, #D0C7D1 100%);
    background: linear-gradient(to bottom, #5C3E5E 0%, #957A97 50%, #D0C7D1 100%);
}
</style>