#5E4BB7 - #D1CBEA | 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 #5E4BB7 to #D1CBEA

#5E4BB7 #D1CBEA

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

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

0.0%	0.0% #5E4BB7	RGB 94 75 183	#5E4BB7
16.7%	16.7% #7160BF	RGB 113 96 191	#7160BF
33.3%	33.3% #8475C8	RGB 132 117 200	#8475C8
50.0%	50.0% #978BD0	RGB 151 139 208	#978BD0
66.7%	66.7% #AAA0D9	RGB 170 160 217	#AAA0D9
83.3%	83.3% #BDB5E1	RGB 189 181 225	#BDB5E1
100.0%	100.0% #D1CBEA	RGB 209 203 234	#D1CBEA

#5E4BB7 #7160BF #8475C8 #978BD0 #AAA0D9 #BDB5E1 #D1CBEA

#5E4BB7 - #D1CBEA

HSV Blend

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

0.0%	0.0% #5D4BB7	RGB 93 75 183	#5D4BB7
16.7%	16.7% #6E5DBF	RGB 110 93 191	#6E5DBF
33.3%	33.3% #8070C8	RGB 128 112 200	#8070C8
50.0%	50.0% #9385D0	RGB 147 133 208	#9385D0
66.7%	66.7% #A69BD9	RGB 166 155 217	#A69BD9
83.3%	83.3% #BBB2E1	RGB 187 178 225	#BBB2E1
100.0%	100.0% #D1CBEA	RGB 209 203 234	#D1CBEA

#5D4BB7 #6E5DBF #8070C8 #9385D0 #A69BD9 #BBB2E1 #D1CBEA

#5E4BB7 - #9385D0 - #D1CBEA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4BB7 0%, #9385D0 50%, #D1CBEA 100%);
    background: -webkit-linear-gradient(top, #5D4BB7 0%, #9385D0 50%, #D1CBEA 100%);
    background: linear-gradient(to bottom, #5D4BB7 0%, #9385D0 50%, #D1CBEA 100%);
}
</style>