#5E559F - #D1CEE3 | 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 #5E559F to #D1CEE3

#5E559F #D1CEE3

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

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

0.0%	0.0% #5E559F	RGB 94 85 159	#5E559F
16.7%	16.7% #7169AA	RGB 113 105 170	#7169AA
33.3%	33.3% #847DB5	RGB 132 125 181	#847DB5
50.0%	50.0% #9791C1	RGB 151 145 193	#9791C1
66.7%	66.7% #AAA5CC	RGB 170 165 204	#AAA5CC
83.3%	83.3% #BDB9D7	RGB 189 185 215	#BDB9D7
100.0%	100.0% #D1CEE3	RGB 209 206 227	#D1CEE3

#5E559F #7169AA #847DB5 #9791C1 #AAA5CC #BDB9D7 #D1CEE3

#5E559F - #D1CEE3

HSV Blend

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

0.0%	0.0% #5D559F	RGB 93 85 159	#5D559F
16.7%	16.7% #6E65AA	RGB 110 101 170	#6E65AA
33.3%	33.3% #7F77B5	RGB 127 119 181	#7F77B5
50.0%	50.0% #928BC1	RGB 146 139 193	#928BC1
66.7%	66.7% #A6A0CC	RGB 166 160 204	#A6A0CC
83.3%	83.3% #BAB6D7	RGB 186 182 215	#BAB6D7
100.0%	100.0% #D1CEE3	RGB 209 206 227	#D1CEE3

#5D559F #6E65AA #7F77B5 #928BC1 #A6A0CC #BAB6D7 #D1CEE3

#5E559F - #928BC1 - #D1CEE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D559F 0%, #928BC1 50%, #D1CEE3 100%);
    background: -webkit-linear-gradient(top, #5D559F 0%, #928BC1 50%, #D1CEE3 100%);
    background: linear-gradient(to bottom, #5D559F 0%, #928BC1 50%, #D1CEE3 100%);
}
</style>