#5E536C - #D1CDD5 | 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 #5E536C to #D1CDD5

#5E536C #D1CDD5

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

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

0.0%	0.0% #5E536C	RGB 94 83 108	#5E536C
16.7%	16.7% #71677D	RGB 113 103 125	#71677D
33.3%	33.3% #847B8F	RGB 132 123 143	#847B8F
50.0%	50.0% #9790A0	RGB 151 144 160	#9790A0
66.7%	66.7% #AAA4B2	RGB 170 164 178	#AAA4B2
83.3%	83.3% #BDB8C3	RGB 189 184 195	#BDB8C3
100.0%	100.0% #D1CDD5	RGB 209 205 213	#D1CDD5

#5E536C #71677D #847B8F #9790A0 #AAA4B2 #BDB8C3 #D1CDD5

#5E536C - #D1CDD5

HSV Blend

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

0.0%	0.0% #5D536C	RGB 93 83 108	#5D536C
16.7%	16.7% #6F647D	RGB 111 100 125	#6F647D
33.3%	33.3% #82778F	RGB 130 119 143	#82778F
50.0%	50.0% #958AA0	RGB 149 138 160	#958AA0
66.7%	66.7% #A89FB2	RGB 168 159 178	#A89FB2
83.3%	83.3% #BCB5C3	RGB 188 181 195	#BCB5C3
100.0%	100.0% #D1CDD5	RGB 209 205 213	#D1CDD5

#5D536C #6F647D #82778F #958AA0 #A89FB2 #BCB5C3 #D1CDD5

#5E536C - #958AA0 - #D1CDD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D536C 0%, #958AA0 50%, #D1CDD5 100%);
    background: -webkit-linear-gradient(top, #5D536C 0%, #958AA0 50%, #D1CDD5 100%);
    background: linear-gradient(to bottom, #5D536C 0%, #958AA0 50%, #D1CDD5 100%);
}
</style>