#5D4C7E - #D0CBDA | 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 #5D4C7E to #D0CBDA

#5D4C7E #D0CBDA

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

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

0.0%	0.0% #5D4C7E	RGB 93 76 126	#5D4C7E
16.7%	16.7% #70618D	RGB 112 97 141	#70618D
33.3%	33.3% #83769C	RGB 131 118 156	#83769C
50.0%	50.0% #968BAC	RGB 150 139 172	#968BAC
66.7%	66.7% #A9A0BB	RGB 169 160 187	#A9A0BB
83.3%	83.3% #BCB5CA	RGB 188 181 202	#BCB5CA
100.0%	100.0% #D0CBDA	RGB 208 203 218	#D0CBDA

#5D4C7E #70618D #83769C #968BAC #A9A0BB #BCB5CA #D0CBDA

#5D4C7E - #D0CBDA

HSV Blend

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

0.0%	0.0% #5C4C7E	RGB 92 76 126	#5C4C7E
16.7%	16.7% #6D5C8D	RGB 109 92 141	#6D5C8D
33.3%	33.3% #7E6F9C	RGB 126 111 156	#7E6F9C
50.0%	50.0% #9183AC	RGB 145 131 172	#9183AC
66.7%	66.7% #A599BB	RGB 165 153 187	#A599BB
83.3%	83.3% #BAB1CA	RGB 186 177 202	#BAB1CA
100.0%	100.0% #D0CBDA	RGB 208 203 218	#D0CBDA

#5C4C7E #6D5C8D #7E6F9C #9183AC #A599BB #BAB1CA #D0CBDA

#5D4C7E - #9183AC - #D0CBDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C4C7E 0%, #9183AC 50%, #D0CBDA 100%);
    background: -webkit-linear-gradient(top, #5C4C7E 0%, #9183AC 50%, #D0CBDA 100%);
    background: linear-gradient(to bottom, #5C4C7E 0%, #9183AC 50%, #D0CBDA 100%);
}
</style>