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

#535356 #CDCDCE

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

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

0.0%	0.0% #535356	RGB 83 83 86	#535356
16.7%	16.7% #67676A	RGB 103 103 106	#67676A
33.3%	33.3% #7B7B7E	RGB 123 123 126	#7B7B7E
50.0%	50.0% #909092	RGB 144 144 146	#909092
66.7%	66.7% #A4A4A6	RGB 164 164 166	#A4A4A6
83.3%	83.3% #B8B8BA	RGB 184 184 186	#B8B8BA
100.0%	100.0% #CDCDCE	RGB 205 205 206	#CDCDCE

#535356 #67676A #7B7B7E #909092 #A4A4A6 #B8B8BA #CDCDCE

#535356 - #CDCDCE

HSV Blend

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

0.0%	0.0% #535356	RGB 83 83 86	#535356
16.7%	16.7% #66666A	RGB 102 102 106	#66666A
33.3%	33.3% #7A7A7E	RGB 122 122 126	#7A7A7E
50.0%	50.0% #8F8F92	RGB 143 143 146	#8F8F92
66.7%	66.7% #A3A3A6	RGB 163 163 166	#A3A3A6
83.3%	83.3% #B8B8BA	RGB 184 184 186	#B8B8BA
100.0%	100.0% #CDCDCE	RGB 205 205 206	#CDCDCE

#535356 #66666A #7A7A7E #8F8F92 #A3A3A6 #B8B8BA #CDCDCE

#535356 - #8F8F92 - #CDCDCE

CSS codes

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

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