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

#514D5E #CDCCD1

Calculate the color between two colors, #514D5E 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)

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

0.0%	0.0% #514D5E	RGB 81 77 94	#514D5E
16.7%	16.7% #656271	RGB 101 98 113	#656271
33.3%	33.3% #7A7784	RGB 122 119 132	#7A7784
50.0%	50.0% #8F8C97	RGB 143 140 151	#8F8C97
66.7%	66.7% #A3A1AA	RGB 163 161 170	#A3A1AA
83.3%	83.3% #B8B6BD	RGB 184 182 189	#B8B6BD
100.0%	100.0% #CDCCD1	RGB 205 204 209	#CDCCD1

#514D5E #656271 #7A7784 #8F8C97 #A3A1AA #B8B6BD #CDCCD1

#514D5E - #CDCCD1

HSV Blend

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

0.0%	0.0% #514D5E	RGB 81 77 94	#514D5E
16.7%	16.7% #635F71	RGB 99 95 113	#635F71
33.3%	33.3% #777384	RGB 119 115 132	#777384
50.0%	50.0% #8B8797	RGB 139 135 151	#8B8797
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

#514D5E #635F71 #777384 #8B8797 #A09DAA #B6B4BD #CDCCD1

#514D5E - #8B8797 - #CDCCD1

CSS codes

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

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