#50555C - #CDCDD0 | 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 #50555C to #CDCDD0

#50555C #CDCDD0

Calculate the color between two colors, #50555C and #CDCDD0. 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)

#50555C - #CDCDD0 | 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 #50555C as 0% and #CDCDD0 as 100%.

0.0%	0.0% #50555C	RGB 80 85 92	#50555C
16.7%	16.7% #64696F	RGB 100 105 111	#64696F
33.3%	33.3% #797D82	RGB 121 125 130	#797D82
50.0%	50.0% #8E9196	RGB 142 145 150	#8E9196
66.7%	66.7% #A3A5A9	RGB 163 165 169	#A3A5A9
83.3%	83.3% #B8B9BC	RGB 184 185 188	#B8B9BC
100.0%	100.0% #CDCDD0	RGB 205 205 208	#CDCDD0

#50555C #64696F #797D82 #8E9196 #A3A5A9 #B8B9BC #CDCDD0

#50555C - #CDCDD0

HSV Blend

#50555C - #CDCDD0 | 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 #50555C as 0% and #CDCDD0 as 100%.

0.0%	0.0% #50555C	RGB 80 85 92	#50555C
16.7%	16.7% #62676F	RGB 98 103 111	#62676F
33.3%	33.3% #767A82	RGB 118 122 130	#767A82
50.0%	50.0% #8B8D96	RGB 139 141 150	#8B8D96
66.7%	66.7% #A0A1A9	RGB 160 161 169	#A0A1A9
83.3%	83.3% #B6B6BC	RGB 182 182 188	#B6B6BC
100.0%	100.0% #CDCDD0	RGB 205 205 208	#CDCDD0

#50555C #62676F #767A82 #8B8D96 #A0A1A9 #B6B6BC #CDCDD0

#50555C - #8B8D96 - #CDCDD0

CSS codes

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

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