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

#535456 #CDCDCE

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

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

0.0%	0.0% #535456	RGB 83 84 86	#535456
16.7%	16.7% #67686A	RGB 103 104 106	#67686A
33.3%	33.3% #7B7C7E	RGB 123 124 126	#7B7C7E
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

#535456 #67686A #7B7C7E #909092 #A4A4A6 #B8B8BA #CDCDCE

#535456 - #CDCDCE

HSV Blend

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

0.0%	0.0% #535456	RGB 83 84 86	#535456
16.7%	16.7% #66676A	RGB 102 103 106	#66676A
33.3%	33.3% #7A7B7E	RGB 122 123 126	#7A7B7E
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

#535456 #66676A #7A7B7E #8F8F92 #A3A3A6 #B8B8BA #CDCDCE

#535456 - #8F8F92 - #CDCDCE

CSS codes

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

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