#515256 - #CDCDCE | 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 #515256 to #CDCDCE

#515256 #CDCDCE

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

#515256 - #CDCDCE | 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 #515256 as 0% and #CDCDCE as 100%.

0.0%	0.0% #515256	RGB 81 82 86	#515256
16.7%	16.7% #65666A	RGB 101 102 106	#65666A
33.3%	33.3% #7A7B7E	RGB 122 123 126	#7A7B7E
50.0%	50.0% #8F8F92	RGB 143 143 146	#8F8F92
66.7%	66.7% #A3A4A6	RGB 163 164 166	#A3A4A6
83.3%	83.3% #B8B8BA	RGB 184 184 186	#B8B8BA
100.0%	100.0% #CDCDCE	RGB 205 205 206	#CDCDCE

#515256 #65666A #7A7B7E #8F8F92 #A3A4A6 #B8B8BA #CDCDCE

#515256 - #CDCDCE

HSV Blend

#515256 - #CDCDCE | 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 #515256 as 0% and #CDCDCE as 100%.

0.0%	0.0% #515256	RGB 81 82 86	#515256
16.7%	16.7% #64656A	RGB 100 101 106	#64656A
33.3%	33.3% #78797E	RGB 120 121 126	#78797E
50.0%	50.0% #8D8D92	RGB 141 141 146	#8D8D92
66.7%	66.7% #A2A2A6	RGB 162 162 166	#A2A2A6
83.3%	83.3% #B7B7BA	RGB 183 183 186	#B7B7BA
100.0%	100.0% #CDCDCE	RGB 205 205 206	#CDCDCE

#515256 #64656A #78797E #8D8D92 #A2A2A6 #B7B7BA #CDCDCE

#515256 - #8D8D92 - #CDCDCE

CSS codes

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

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