#545356 - #CDCECE | 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 #CDCECE

#545356 #CDCECE

Calculate the color between two colors, #545356 and #CDCECE. 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 - #CDCECE | 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 #CDCECE 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% #7C7C7E	RGB 124 124 126	#7C7C7E
50.0%	50.0% #909092	RGB 144 144 146	#909092
66.7%	66.7% #A4A5A6	RGB 164 165 166	#A4A5A6
83.3%	83.3% #B8B9BA	RGB 184 185 186	#B8B9BA
100.0%	100.0% #CDCECE	RGB 205 206 206	#CDCECE

#545356 #68676A #7C7C7E #909092 #A4A5A6 #B8B9BA #CDCECE

#545356 - #CDCECE

HSV Blend

#545356 - #CDCECE | 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 #CDCECE 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% #7A7B7E	RGB 122 123 126	#7A7B7E
50.0%	50.0% #8F9092	RGB 143 144 146	#8F9092
66.7%	66.7% #A3A4A6	RGB 163 164 166	#A3A4A6
83.3%	83.3% #B8B9BA	RGB 184 185 186	#B8B9BA
100.0%	100.0% #CDCECE	RGB 205 206 206	#CDCECE

#545356 #67666A #7A7B7E #8F9092 #A3A4A6 #B8B9BA #CDCECE

#545356 - #8F9092 - #CDCECE

CSS codes

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

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