#5E508C - #D1CDDE | 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 #5E508C to #D1CDDE

#5E508C #D1CDDE

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

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

0.0%	0.0% #5E508C	RGB 94 80 140	#5E508C
16.7%	16.7% #716499	RGB 113 100 153	#716499
33.3%	33.3% #8479A7	RGB 132 121 167	#8479A7
50.0%	50.0% #978EB5	RGB 151 142 181	#978EB5
66.7%	66.7% #AAA3C2	RGB 170 163 194	#AAA3C2
83.3%	83.3% #BDB8D0	RGB 189 184 208	#BDB8D0
100.0%	100.0% #D1CDDE	RGB 209 205 222	#D1CDDE

#5E508C #716499 #8479A7 #978EB5 #AAA3C2 #BDB8D0 #D1CDDE

#5E508C - #D1CDDE

HSV Blend

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

0.0%	0.0% #5E508C	RGB 94 80 140	#5E508C
16.7%	16.7% #6E6099	RGB 110 96 153	#6E6099
33.3%	33.3% #7F73A7	RGB 127 115 167	#7F73A7
50.0%	50.0% #9187B5	RGB 145 135 181	#9187B5
66.7%	66.7% #A59CC2	RGB 165 156 194	#A59CC2
83.3%	83.3% #BAB4D0	RGB 186 180 208	#BAB4D0
100.0%	100.0% #D1CDDE	RGB 209 205 222	#D1CDDE

#5E508C #6E6099 #7F73A7 #9187B5 #A59CC2 #BAB4D0 #D1CDDE

#5E508C - #9187B5 - #D1CDDE

CSS codes

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

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