#505655 - #CDCECE | 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 #505655 to #CDCECE

#505655 #CDCECE

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

#505655 - #CDCECE | 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 #505655 as 0% and #CDCECE as 100%.

0.0%	0.0% #505655	RGB 80 86 85	#505655
16.7%	16.7% #646A69	RGB 100 106 105	#646A69
33.3%	33.3% #797E7D	RGB 121 126 125	#797E7D
50.0%	50.0% #8E9291	RGB 142 146 145	#8E9291
66.7%	66.7% #A3A6A5	RGB 163 166 165	#A3A6A5
83.3%	83.3% #B8BAB9	RGB 184 186 185	#B8BAB9
100.0%	100.0% #CDCECE	RGB 205 206 206	#CDCECE

#505655 #646A69 #797E7D #8E9291 #A3A6A5 #B8BAB9 #CDCECE

#505655 - #CDCECE

HSV Blend

#505655 - #CDCECE | 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 #505655 as 0% and #CDCECE as 100%.

0.0%	0.0% #505655	RGB 80 86 85	#505655
16.7%	16.7% #636A69	RGB 99 106 105	#636A69
33.3%	33.3% #777E7D	RGB 119 126 125	#777E7D
50.0%	50.0% #8C9291	RGB 140 146 145	#8C9291
66.7%	66.7% #A1A6A5	RGB 161 166 165	#A1A6A5
83.3%	83.3% #B7BAB9	RGB 183 186 185	#B7BAB9
100.0%	100.0% #CDCECE	RGB 205 206 206	#CDCECE

#505655 #636A69 #777E7D #8C9291 #A1A6A5 #B7BAB9 #CDCECE

#505655 - #8C9291 - #CDCECE

CSS codes

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

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