#5E4F91 - #D1CCDF | 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 #5E4F91 to #D1CCDF

#5E4F91 #D1CCDF

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

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

0.0%	0.0% #5E4F91	RGB 94 79 145	#5E4F91
16.7%	16.7% #71639E	RGB 113 99 158	#71639E
33.3%	33.3% #8478AB	RGB 132 120 171	#8478AB
50.0%	50.0% #978DB8	RGB 151 141 184	#978DB8
66.7%	66.7% #AAA2C5	RGB 170 162 197	#AAA2C5
83.3%	83.3% #BDB7D2	RGB 189 183 210	#BDB7D2
100.0%	100.0% #D1CCDF	RGB 209 204 223	#D1CCDF

#5E4F91 #71639E #8478AB #978DB8 #AAA2C5 #BDB7D2 #D1CCDF

#5E4F91 - #D1CCDF

HSV Blend

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

0.0%	0.0% #5D4F91	RGB 93 79 145	#5D4F91
16.7%	16.7% #6E5F9E	RGB 110 95 158	#6E5F9E
33.3%	33.3% #7F72AB	RGB 127 114 171	#7F72AB
50.0%	50.0% #9286B8	RGB 146 134 184	#9286B8
66.7%	66.7% #A69BC5	RGB 166 155 197	#A69BC5
83.3%	83.3% #BBB3D2	RGB 187 179 210	#BBB3D2
100.0%	100.0% #D1CCDF	RGB 209 204 223	#D1CCDF

#5D4F91 #6E5F9E #7F72AB #9286B8 #A69BC5 #BBB3D2 #D1CCDF

#5E4F91 - #9286B8 - #D1CCDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4F91 0%, #9286B8 50%, #D1CCDF 100%);
    background: -webkit-linear-gradient(top, #5D4F91 0%, #9286B8 50%, #D1CCDF 100%);
    background: linear-gradient(to bottom, #5D4F91 0%, #9286B8 50%, #D1CCDF 100%);
}
</style>