#5E506B - #D1CDD4 | 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 #5E506B to #D1CDD4

#5E506B #D1CDD4

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

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

0.0%	0.0% #5E506B	RGB 94 80 107	#5E506B
16.7%	16.7% #71647C	RGB 113 100 124	#71647C
33.3%	33.3% #84798E	RGB 132 121 142	#84798E
50.0%	50.0% #978E9F	RGB 151 142 159	#978E9F
66.7%	66.7% #AAA3B1	RGB 170 163 177	#AAA3B1
83.3%	83.3% #BDB8C2	RGB 189 184 194	#BDB8C2
100.0%	100.0% #D1CDD4	RGB 209 205 212	#D1CDD4

#5E506B #71647C #84798E #978E9F #AAA3B1 #BDB8C2 #D1CDD4

#5E506B - #D1CDD4

HSV Blend

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

0.0%	0.0% #5E506B	RGB 94 80 107	#5E506B
16.7%	16.7% #6F617C	RGB 111 97 124	#6F617C
33.3%	33.3% #82748E	RGB 130 116 142	#82748E
50.0%	50.0% #95889F	RGB 149 136 159	#95889F
66.7%	66.7% #A89EB1	RGB 168 158 177	#A89EB1
83.3%	83.3% #BCB4C2	RGB 188 180 194	#BCB4C2
100.0%	100.0% #D1CDD4	RGB 209 205 212	#D1CDD4

#5E506B #6F617C #82748E #95889F #A89EB1 #BCB4C2 #D1CDD4

#5E506B - #95889F - #D1CDD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E506B 0%, #95889F 50%, #D1CDD4 100%);
    background: -webkit-linear-gradient(top, #5E506B 0%, #95889F 50%, #D1CDD4 100%);
    background: linear-gradient(to bottom, #5E506B 0%, #95889F 50%, #D1CDD4 100%);
}
</style>