#5E4667 - #D1CAD3 | 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 #5E4667 to #D1CAD3

#5E4667 #D1CAD3

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

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

0.0%	0.0% #5E4667	RGB 94 70 103	#5E4667
16.7%	16.7% #715C79	RGB 113 92 121	#715C79
33.3%	33.3% #84728B	RGB 132 114 139	#84728B
50.0%	50.0% #97889D	RGB 151 136 157	#97889D
66.7%	66.7% #AA9EAF	RGB 170 158 175	#AA9EAF
83.3%	83.3% #BDB4C1	RGB 189 180 193	#BDB4C1
100.0%	100.0% #D1CAD3	RGB 209 202 211	#D1CAD3

#5E4667 #715C79 #84728B #97889D #AA9EAF #BDB4C1 #D1CAD3

#5E4667 - #D1CAD3

HSV Blend

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

0.0%	0.0% #5E4667	RGB 94 70 103	#5E4667
16.7%	16.7% #705779	RGB 112 87 121	#705779
33.3%	33.3% #826B8B	RGB 130 107 139	#826B8B
50.0%	50.0% #95809D	RGB 149 128 157	#95809D
66.7%	66.7% #A997AF	RGB 169 151 175	#A997AF
83.3%	83.3% #BDAFC1	RGB 189 175 193	#BDAFC1
100.0%	100.0% #D1CAD3	RGB 209 202 211	#D1CAD3

#5E4667 #705779 #826B8B #95809D #A997AF #BDAFC1 #D1CAD3

#5E4667 - #95809D - #D1CAD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4667 0%, #95809D 50%, #D1CAD3 100%);
    background: -webkit-linear-gradient(top, #5E4667 0%, #95809D 50%, #D1CAD3 100%);
    background: linear-gradient(to bottom, #5E4667 0%, #95809D 50%, #D1CAD3 100%);
}
</style>