#56535D - #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 #56535D to #CDCDD0

#56535D #CDCDD0

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

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

0.0%	0.0% #56535D	RGB 86 83 93	#56535D
16.7%	16.7% #696770	RGB 105 103 112	#696770
33.3%	33.3% #7D7B83	RGB 125 123 131	#7D7B83
50.0%	50.0% #919096	RGB 145 144 150	#919096
66.7%	66.7% #A5A4A9	RGB 165 164 169	#A5A4A9
83.3%	83.3% #B9B8BC	RGB 185 184 188	#B9B8BC
100.0%	100.0% #CDCDD0	RGB 205 205 208	#CDCDD0

#56535D #696770 #7D7B83 #919096 #A5A4A9 #B9B8BC #CDCDD0

#56535D - #CDCDD0

HSV Blend

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

0.0%	0.0% #56535D	RGB 86 83 93	#56535D
16.7%	16.7% #686570	RGB 104 101 112	#686570
33.3%	33.3% #7B7983	RGB 123 121 131	#7B7983
50.0%	50.0% #8E8D96	RGB 142 141 150	#8E8D96
66.7%	66.7% #A2A1A9	RGB 162 161 169	#A2A1A9
83.3%	83.3% #B7B7BC	RGB 183 183 188	#B7B7BC
100.0%	100.0% #CDCDD0	RGB 205 205 208	#CDCDD0

#56535D #686570 #7B7983 #8E8D96 #A2A1A9 #B7B7BC #CDCDD0

#56535D - #8E8D96 - #CDCDD0

CSS codes

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

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