#5E59C8 - #D1CFEF | 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 #5E59C8 to #D1CFEF

#5E59C8 #D1CFEF

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

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

0.0%	0.0% #5E59C8	RGB 94 89 200	#5E59C8
16.7%	16.7% #716CCE	RGB 113 108 206	#716CCE
33.3%	33.3% #8480D5	RGB 132 128 213	#8480D5
50.0%	50.0% #9794DB	RGB 151 148 219	#9794DB
66.7%	66.7% #AAA7E2	RGB 170 167 226	#AAA7E2
83.3%	83.3% #BDBBE8	RGB 189 187 232	#BDBBE8
100.0%	100.0% #D1CFEF	RGB 209 207 239	#D1CFEF

#5E59C8 #716CCE #8480D5 #9794DB #AAA7E2 #BDBBE8 #D1CFEF

#5E59C8 - #D1CFEF

HSV Blend

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

0.0%	0.0% #5E59C8	RGB 94 89 200	#5E59C8
16.7%	16.7% #6F6ACE	RGB 111 106 206	#6F6ACE
33.3%	33.3% #817CD5	RGB 129 124 213	#817CD5
50.0%	50.0% #938FDB	RGB 147 143 219	#938FDB
66.7%	66.7% #A7A4E2	RGB 167 164 226	#A7A4E2
83.3%	83.3% #BBB9E8	RGB 187 185 232	#BBB9E8
100.0%	100.0% #D1CFEF	RGB 209 207 239	#D1CFEF

#5E59C8 #6F6ACE #817CD5 #938FDB #A7A4E2 #BBB9E8 #D1CFEF

#5E59C8 - #938FDB - #D1CFEF

CSS codes

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

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