#515444 - #CDCEC9 | 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 #515444 to #CDCEC9

#515444 #CDCEC9

Calculate the color between two colors, #515444 and #CDCEC9. 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)

#515444 - #CDCEC9 | 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 #515444 as 0% and #CDCEC9 as 100%.

0.0%	0.0% #515444	RGB 81 84 68	#515444
16.7%	16.7% #65685A	RGB 101 104 90	#65685A
33.3%	33.3% #7A7C70	RGB 122 124 112	#7A7C70
50.0%	50.0% #8F9186	RGB 143 145 134	#8F9186
66.7%	66.7% #A3A59C	RGB 163 165 156	#A3A59C
83.3%	83.3% #B8B9B2	RGB 184 185 178	#B8B9B2
100.0%	100.0% #CDCEC9	RGB 205 206 201	#CDCEC9

#515444 #65685A #7A7C70 #8F9186 #A3A59C #B8B9B2 #CDCEC9

#515444 - #CDCEC9

HSV Blend

#515444 - #CDCEC9 | 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 #515444 as 0% and #CDCEC9 as 100%.

0.0%	0.0% #515444	RGB 81 84 68	#515444
16.7%	16.7% #656857	RGB 101 104 87	#656857
33.3%	33.3% #797C6B	RGB 121 124 107	#797C6B
50.0%	50.0% #8D9181	RGB 141 145 129	#8D9181
66.7%	66.7% #A2A598	RGB 162 165 152	#A2A598
83.3%	83.3% #B7B9B0	RGB 183 185 176	#B7B9B0
100.0%	100.0% #CDCEC9	RGB 205 206 201	#CDCEC9

#515444 #656857 #797C6B #8D9181 #A2A598 #B7B9B0 #CDCEC9

#515444 - #8D9181 - #CDCEC9

CSS codes

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

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