#565556 - #CECECE | 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 #565556 to #CECECE

#565556 #CECECE

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

#565556 - #CECECE | 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 #565556 as 0% and #CECECE as 100%.

0.0%	0.0% #565556	RGB 86 85 86	#565556
16.7%	16.7% #6A696A	RGB 106 105 106	#6A696A
33.3%	33.3% #7E7D7E	RGB 126 125 126	#7E7D7E
50.0%	50.0% #929192	RGB 146 145 146	#929192
66.7%	66.7% #A6A5A6	RGB 166 165 166	#A6A5A6
83.3%	83.3% #BAB9BA	RGB 186 185 186	#BAB9BA
100.0%	100.0% #CECECE	RGB 206 206 206	#CECECE

#565556 #6A696A #7E7D7E #929192 #A6A5A6 #BAB9BA #CECECE

#565556 - #CECECE

HSV Blend

#565556 - #CECECE | 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 #565556 as 0% and #CECECE as 100%.

0.0%	0.0% #565556	RGB 86 85 86	#565556
16.7%	16.7% #6A6869	RGB 106 104 105	#6A6869
33.3%	33.3% #7E7D7D	RGB 126 125 125	#7E7D7D
50.0%	50.0% #929191	RGB 146 145 145	#929191
66.7%	66.7% #A6A5A5	RGB 166 165 165	#A6A5A5
83.3%	83.3% #BAB9B9	RGB 186 185 185	#BAB9B9
100.0%	100.0% #CECECE	RGB 206 206 206	#CECECE

#565556 #6A6869 #7E7D7D #929191 #A6A5A5 #BAB9B9 #CECECE

#565556 - #929191 - #CECECE

CSS codes

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

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