#5E5081 - #D1CDDB | 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 #5E5081 to #D1CDDB

#5E5081 #D1CDDB

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

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

0.0%	0.0% #5E5081	RGB 94 80 129	#5E5081
16.7%	16.7% #716490	RGB 113 100 144	#716490
33.3%	33.3% #84799F	RGB 132 121 159	#84799F
50.0%	50.0% #978EAE	RGB 151 142 174	#978EAE
66.7%	66.7% #AAA3BD	RGB 170 163 189	#AAA3BD
83.3%	83.3% #BDB8CC	RGB 189 184 204	#BDB8CC
100.0%	100.0% #D1CDDB	RGB 209 205 219	#D1CDDB

#5E5081 #716490 #84799F #978EAE #AAA3BD #BDB8CC #D1CDDB

#5E5081 - #D1CDDB

HSV Blend

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

0.0%	0.0% #5E5081	RGB 94 80 129	#5E5081
16.7%	16.7% #6E6090	RGB 110 96 144	#6E6090
33.3%	33.3% #7F739F	RGB 127 115 159	#7F739F
50.0%	50.0% #9287AE	RGB 146 135 174	#9287AE
66.7%	66.7% #A69DBD	RGB 166 157 189	#A69DBD
83.3%	83.3% #BBB4CC	RGB 187 180 204	#BBB4CC
100.0%	100.0% #D1CDDB	RGB 209 205 219	#D1CDDB

#5E5081 #6E6090 #7F739F #9287AE #A69DBD #BBB4CC #D1CDDB

#5E5081 - #9287AE - #D1CDDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5081 0%, #9287AE 50%, #D1CDDB 100%);
    background: -webkit-linear-gradient(top, #5E5081 0%, #9287AE 50%, #D1CDDB 100%);
    background: linear-gradient(to bottom, #5E5081 0%, #9287AE 50%, #D1CDDB 100%);
}
</style>