#5E55D3 - #D1CEF2 | 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 #5E55D3 to #D1CEF2

#5E55D3 #D1CEF2

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

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

0.0%	0.0% #5E55D3	RGB 94 85 211	#5E55D3
16.7%	16.7% #7169D8	RGB 113 105 216	#7169D8
33.3%	33.3% #847DDD	RGB 132 125 221	#847DDD
50.0%	50.0% #9791E2	RGB 151 145 226	#9791E2
66.7%	66.7% #AAA5E7	RGB 170 165 231	#AAA5E7
83.3%	83.3% #BDB9EC	RGB 189 185 236	#BDB9EC
100.0%	100.0% #D1CEF2	RGB 209 206 242	#D1CEF2

#5E55D3 #7169D8 #847DDD #9791E2 #AAA5E7 #BDB9EC #D1CEF2

#5E55D3 - #D1CEF2

HSV Blend

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

0.0%	0.0% #5D55D3	RGB 93 85 211	#5D55D3
16.7%	16.7% #6F67D8	RGB 111 103 216	#6F67D8
33.3%	33.3% #817ADD	RGB 129 122 221	#817ADD
50.0%	50.0% #948EE2	RGB 148 142 226	#948EE2
66.7%	66.7% #A8A2E7	RGB 168 162 231	#A8A2E7
83.3%	83.3% #BCB7EC	RGB 188 183 236	#BCB7EC
100.0%	100.0% #D1CEF2	RGB 209 206 242	#D1CEF2

#5D55D3 #6F67D8 #817ADD #948EE2 #A8A2E7 #BCB7EC #D1CEF2

#5E55D3 - #948EE2 - #D1CEF2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D55D3 0%, #948EE2 50%, #D1CEF2 100%);
    background: -webkit-linear-gradient(top, #5D55D3 0%, #948EE2 50%, #D1CEF2 100%);
    background: linear-gradient(to bottom, #5D55D3 0%, #948EE2 50%, #D1CEF2 100%);
}
</style>