#534D5E - #CDCCD1 | 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 #534D5E to #CDCCD1

#534D5E #CDCCD1

Calculate the color between two colors, #534D5E and #CDCCD1. 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)

#534D5E - #CDCCD1 | 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 #534D5E as 0% and #CDCCD1 as 100%.

0.0%	0.0% #534D5E	RGB 83 77 94	#534D5E
16.7%	16.7% #676271	RGB 103 98 113	#676271
33.3%	33.3% #7B7784	RGB 123 119 132	#7B7784
50.0%	50.0% #908C97	RGB 144 140 151	#908C97
66.7%	66.7% #A4A1AA	RGB 164 161 170	#A4A1AA
83.3%	83.3% #B8B6BD	RGB 184 182 189	#B8B6BD
100.0%	100.0% #CDCCD1	RGB 205 204 209	#CDCCD1

#534D5E #676271 #7B7784 #908C97 #A4A1AA #B8B6BD #CDCCD1

#534D5E - #CDCCD1

HSV Blend

#534D5E - #CDCCD1 | 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 #534D5E as 0% and #CDCCD1 as 100%.

0.0%	0.0% #534D5E	RGB 83 77 94	#534D5E
16.7%	16.7% #655F71	RGB 101 95 113	#655F71
33.3%	33.3% #787384	RGB 120 115 132	#787384
50.0%	50.0% #8C8797	RGB 140 135 151	#8C8797
66.7%	66.7% #A09DAA	RGB 160 157 170	#A09DAA
83.3%	83.3% #B6B4BD	RGB 182 180 189	#B6B4BD
100.0%	100.0% #CDCCD1	RGB 205 204 209	#CDCCD1

#534D5E #655F71 #787384 #8C8797 #A09DAA #B6B4BD #CDCCD1

#534D5E - #8C8797 - #CDCCD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #534D5E 0%, #8C8797 50%, #CDCCD1 100%);
    background: -webkit-linear-gradient(top, #534D5E 0%, #8C8797 50%, #CDCCD1 100%);
    background: linear-gradient(to bottom, #534D5E 0%, #8C8797 50%, #CDCCD1 100%);
}
</style>