#5E54C3 - #D1CEED | 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 #5E54C3 to #D1CEED

#5E54C3 #D1CEED

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

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

0.0%	0.0% #5E54C3	RGB 94 84 195	#5E54C3
16.7%	16.7% #7168CA	RGB 113 104 202	#7168CA
33.3%	33.3% #847CD1	RGB 132 124 209	#847CD1
50.0%	50.0% #9791D8	RGB 151 145 216	#9791D8
66.7%	66.7% #AAA5DF	RGB 170 165 223	#AAA5DF
83.3%	83.3% #BDB9E6	RGB 189 185 230	#BDB9E6
100.0%	100.0% #D1CEED	RGB 209 206 237	#D1CEED

#5E54C3 #7168CA #847CD1 #9791D8 #AAA5DF #BDB9E6 #D1CEED

#5E54C3 - #D1CEED

HSV Blend

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

0.0%	0.0% #5E54C3	RGB 94 84 195	#5E54C3
16.7%	16.7% #6E65CA	RGB 110 101 202	#6E65CA
33.3%	33.3% #8078D1	RGB 128 120 209	#8078D1
50.0%	50.0% #938CD8	RGB 147 140 216	#938CD8
66.7%	66.7% #A7A1DF	RGB 167 161 223	#A7A1DF
83.3%	83.3% #BBB7E6	RGB 187 183 230	#BBB7E6
100.0%	100.0% #D1CEED	RGB 209 206 237	#D1CEED

#5E54C3 #6E65CA #8078D1 #938CD8 #A7A1DF #BBB7E6 #D1CEED

#5E54C3 - #938CD8 - #D1CEED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E54C3 0%, #938CD8 50%, #D1CEED 100%);
    background: -webkit-linear-gradient(top, #5E54C3 0%, #938CD8 50%, #D1CEED 100%);
    background: linear-gradient(to bottom, #5E54C3 0%, #938CD8 50%, #D1CEED 100%);
}
</style>