#5E5972 - #D1CFD6 | 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 #5E5972 to #D1CFD6

#5E5972 #D1CFD6

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

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

0.0%	0.0% #5E5972	RGB 94 89 114	#5E5972
16.7%	16.7% #716C82	RGB 113 108 130	#716C82
33.3%	33.3% #848093	RGB 132 128 147	#848093
50.0%	50.0% #9794A4	RGB 151 148 164	#9794A4
66.7%	66.7% #AAA7B4	RGB 170 167 180	#AAA7B4
83.3%	83.3% #BDBBC5	RGB 189 187 197	#BDBBC5
100.0%	100.0% #D1CFD6	RGB 209 207 214	#D1CFD6

#5E5972 #716C82 #848093 #9794A4 #AAA7B4 #BDBBC5 #D1CFD6

#5E5972 - #D1CFD6

HSV Blend

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

0.0%	0.0% #5E5972	RGB 94 89 114	#5E5972
16.7%	16.7% #6F6A82	RGB 111 106 130	#6F6A82
33.3%	33.3% #817C93	RGB 129 124 147	#817C93
50.0%	50.0% #948FA4	RGB 148 143 164	#948FA4
66.7%	66.7% #A7A3B4	RGB 167 163 180	#A7A3B4
83.3%	83.3% #BCB8C5	RGB 188 184 197	#BCB8C5
100.0%	100.0% #D1CFD6	RGB 209 207 214	#D1CFD6

#5E5972 #6F6A82 #817C93 #948FA4 #A7A3B4 #BCB8C5 #D1CFD6

#5E5972 - #948FA4 - #D1CFD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5972 0%, #948FA4 50%, #D1CFD6 100%);
    background: -webkit-linear-gradient(top, #5E5972 0%, #948FA4 50%, #D1CFD6 100%);
    background: linear-gradient(to bottom, #5E5972 0%, #948FA4 50%, #D1CFD6 100%);
}
</style>