#5E4B84 - #D1CBDB | 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 #5E4B84 to #D1CBDB

#5E4B84 #D1CBDB

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

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

0.0%	0.0% #5E4B84	RGB 94 75 132	#5E4B84
16.7%	16.7% #716092	RGB 113 96 146	#716092
33.3%	33.3% #8475A1	RGB 132 117 161	#8475A1
50.0%	50.0% #978BAF	RGB 151 139 175	#978BAF
66.7%	66.7% #AAA0BE	RGB 170 160 190	#AAA0BE
83.3%	83.3% #BDB5CC	RGB 189 181 204	#BDB5CC
100.0%	100.0% #D1CBDB	RGB 209 203 219	#D1CBDB

#5E4B84 #716092 #8475A1 #978BAF #AAA0BE #BDB5CC #D1CBDB

#5E4B84 - #D1CBDB

HSV Blend

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

0.0%	0.0% #5E4B84	RGB 94 75 132	#5E4B84
16.7%	16.7% #6E5B92	RGB 110 91 146	#6E5B92
33.3%	33.3% #806EA1	RGB 128 110 161	#806EA1
50.0%	50.0% #9283AF	RGB 146 131 175	#9283AF
66.7%	66.7% #A699BE	RGB 166 153 190	#A699BE
83.3%	83.3% #BBB1CC	RGB 187 177 204	#BBB1CC
100.0%	100.0% #D1CBDB	RGB 209 203 219	#D1CBDB

#5E4B84 #6E5B92 #806EA1 #9283AF #A699BE #BBB1CC #D1CBDB

#5E4B84 - #9283AF - #D1CBDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4B84 0%, #9283AF 50%, #D1CBDB 100%);
    background: -webkit-linear-gradient(top, #5E4B84 0%, #9283AF 50%, #D1CBDB 100%);
    background: linear-gradient(to bottom, #5E4B84 0%, #9283AF 50%, #D1CBDB 100%);
}
</style>