#5E538D - #D0CDDE | 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 #5E538D to #D0CDDE

#5E538D #D0CDDE

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

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

0.0%	0.0% #5E538D	RGB 94 83 141	#5E538D
16.7%	16.7% #71679A	RGB 113 103 154	#71679A
33.3%	33.3% #847BA8	RGB 132 123 168	#847BA8
50.0%	50.0% #9790B5	RGB 151 144 181	#9790B5
66.7%	66.7% #AAA4C3	RGB 170 164 195	#AAA4C3
83.3%	83.3% #BDB8D0	RGB 189 184 208	#BDB8D0
100.0%	100.0% #D0CDDE	RGB 208 205 222	#D0CDDE

#5E538D #71679A #847BA8 #9790B5 #AAA4C3 #BDB8D0 #D0CDDE

#5E538D - #D0CDDE

HSV Blend

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

0.0%	0.0% #5E538D	RGB 94 83 141	#5E538D
16.7%	16.7% #6D639A	RGB 109 99 154	#6D639A
33.3%	33.3% #7E75A8	RGB 126 117 168	#7E75A8
50.0%	50.0% #9189B5	RGB 145 137 181	#9189B5
66.7%	66.7% #A49EC3	RGB 164 158 195	#A49EC3
83.3%	83.3% #B9B4D0	RGB 185 180 208	#B9B4D0
100.0%	100.0% #D0CDDE	RGB 208 205 222	#D0CDDE

#5E538D #6D639A #7E75A8 #9189B5 #A49EC3 #B9B4D0 #D0CDDE

#5E538D - #9189B5 - #D0CDDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E538D 0%, #9189B5 50%, #D0CDDE 100%);
    background: -webkit-linear-gradient(top, #5E538D 0%, #9189B5 50%, #D0CDDE 100%);
    background: linear-gradient(to bottom, #5E538D 0%, #9189B5 50%, #D0CDDE 100%);
}
</style>