#5D4D8F - #D0CCDF | 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 #5D4D8F to #D0CCDF

#5D4D8F #D0CCDF

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

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

0.0%	0.0% #5D4D8F	RGB 93 77 143	#5D4D8F
16.7%	16.7% #70629C	RGB 112 98 156	#70629C
33.3%	33.3% #8377A9	RGB 131 119 169	#8377A9
50.0%	50.0% #968CB7	RGB 150 140 183	#968CB7
66.7%	66.7% #A9A1C4	RGB 169 161 196	#A9A1C4
83.3%	83.3% #BCB6D1	RGB 188 182 209	#BCB6D1
100.0%	100.0% #D0CCDF	RGB 208 204 223	#D0CCDF

#5D4D8F #70629C #8377A9 #968CB7 #A9A1C4 #BCB6D1 #D0CCDF

#5D4D8F - #D0CCDF

HSV Blend

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

0.0%	0.0% #5D4D8F	RGB 93 77 143	#5D4D8F
16.7%	16.7% #6C5D9C	RGB 108 93 156	#6C5D9C
33.3%	33.3% #7D70A9	RGB 125 112 169	#7D70A9
50.0%	50.0% #9084B7	RGB 144 132 183	#9084B7
66.7%	66.7% #A49AC4	RGB 164 154 196	#A49AC4
83.3%	83.3% #B9B2D1	RGB 185 178 209	#B9B2D1
100.0%	100.0% #D0CCDF	RGB 208 204 223	#D0CCDF

#5D4D8F #6C5D9C #7D70A9 #9084B7 #A49AC4 #B9B2D1 #D0CCDF

#5D4D8F - #9084B7 - #D0CCDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4D8F 0%, #9084B7 50%, #D0CCDF 100%);
    background: -webkit-linear-gradient(top, #5D4D8F 0%, #9084B7 50%, #D0CCDF 100%);
    background: linear-gradient(to bottom, #5D4D8F 0%, #9084B7 50%, #D0CCDF 100%);
}
</style>