#54626E - #CED2D5 | 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 #54626E to #CED2D5

#54626E #CED2D5

Calculate the color between two colors, #54626E and #CED2D5. 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)

#54626E - #CED2D5 | 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 #54626E as 0% and #CED2D5 as 100%.

0.0%	0.0% #54626E	RGB 84 98 110	#54626E
16.7%	16.7% #68747F	RGB 104 116 127	#68747F
33.3%	33.3% #7C8790	RGB 124 135 144	#7C8790
50.0%	50.0% #919AA1	RGB 145 154 161	#919AA1
66.7%	66.7% #A5ACB2	RGB 165 172 178	#A5ACB2
83.3%	83.3% #B9BFC3	RGB 185 191 195	#B9BFC3
100.0%	100.0% #CED2D5	RGB 206 210 213	#CED2D5

#54626E #68747F #7C8790 #919AA1 #A5ACB2 #B9BFC3 #CED2D5

#54626E - #CED2D5

HSV Blend

#54626E - #CED2D5 | 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 #54626E as 0% and #CED2D5 as 100%.

0.0%	0.0% #54626E	RGB 84 98 110	#54626E
16.7%	16.7% #65737F	RGB 101 115 127	#65737F
33.3%	33.3% #788590	RGB 120 133 144	#788590
50.0%	50.0% #8B97A1	RGB 139 151 161	#8B97A1
66.7%	66.7% #A0AAB2	RGB 160 170 178	#A0AAB2
83.3%	83.3% #B6BEC3	RGB 182 190 195	#B6BEC3
100.0%	100.0% #CED2D5	RGB 206 210 213	#CED2D5

#54626E #65737F #788590 #8B97A1 #A0AAB2 #B6BEC3 #CED2D5

#54626E - #8B97A1 - #CED2D5

CSS codes

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

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