#5E4C80 - #D1CBDA | 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 #5E4C80 to #D1CBDA

#5E4C80 #D1CBDA

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

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

0.0%	0.0% #5E4C80	RGB 94 76 128	#5E4C80
16.7%	16.7% #71618F	RGB 113 97 143	#71618F
33.3%	33.3% #84769E	RGB 132 118 158	#84769E
50.0%	50.0% #978BAD	RGB 151 139 173	#978BAD
66.7%	66.7% #AAA0BC	RGB 170 160 188	#AAA0BC
83.3%	83.3% #BDB5CB	RGB 189 181 203	#BDB5CB
100.0%	100.0% #D1CBDA	RGB 209 203 218	#D1CBDA

#5E4C80 #71618F #84769E #978BAD #AAA0BC #BDB5CB #D1CBDA

#5E4C80 - #D1CBDA

HSV Blend

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

0.0%	0.0% #5E4C80	RGB 94 76 128	#5E4C80
16.7%	16.7% #6E5C8F	RGB 110 92 143	#6E5C8F
33.3%	33.3% #806F9E	RGB 128 111 158	#806F9E
50.0%	50.0% #9383AD	RGB 147 131 173	#9383AD
66.7%	66.7% #A699BC	RGB 166 153 188	#A699BC
83.3%	83.3% #BBB1CB	RGB 187 177 203	#BBB1CB
100.0%	100.0% #D1CBDA	RGB 209 203 218	#D1CBDA

#5E4C80 #6E5C8F #806F9E #9383AD #A699BC #BBB1CB #D1CBDA

#5E4C80 - #9383AD - #D1CBDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4C80 0%, #9383AD 50%, #D1CBDA 100%);
    background: -webkit-linear-gradient(top, #5E4C80 0%, #9383AD 50%, #D1CBDA 100%);
    background: linear-gradient(to bottom, #5E4C80 0%, #9383AD 50%, #D1CBDA 100%);
}
</style>