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

#545356 #CDCDCE

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

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

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

#545356 #68676A #7C7B7E #909092 #A4A4A6 #B8B8BA #CDCDCE

#545356 - #CDCDCE

HSV Blend

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

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

#545356 #67666A #7B7A7E #8F8F92 #A3A3A6 #B8B8BA #CDCDCE

#545356 - #8F8F92 - #CDCDCE

CSS codes

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

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