#45484C - #C9CACB | 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 #45484C to #C9CACB

#45484C #C9CACB

Calculate the color between two colors, #45484C and #C9CACB. 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)

#45484C - #C9CACB | 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 #45484C as 0% and #C9CACB as 100%.

0.0%	0.0% #45484C	RGB 69 72 76	#45484C
16.7%	16.7% #5B5D61	RGB 91 93 97	#5B5D61
33.3%	33.3% #717376	RGB 113 115 118	#717376
50.0%	50.0% #87898B	RGB 135 137 139	#87898B
66.7%	66.7% #9D9EA0	RGB 157 158 160	#9D9EA0
83.3%	83.3% #B3B4B5	RGB 179 180 181	#B3B4B5
100.0%	100.0% #C9CACB	RGB 201 202 203	#C9CACB

#45484C #5B5D61 #717376 #87898B #9D9EA0 #B3B4B5 #C9CACB

#45484C - #C9CACB

HSV Blend

#45484C - #C9CACB | 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 #45484C as 0% and #C9CACB as 100%.

0.0%	0.0% #45484C	RGB 69 72 76	#45484C
16.7%	16.7% #595C61	RGB 89 92 97	#595C61
33.3%	33.3% #6E7276	RGB 110 114 118	#6E7276
50.0%	50.0% #84878B	RGB 132 135 139	#84878B
66.7%	66.7% #9A9DA0	RGB 154 157 160	#9A9DA0
83.3%	83.3% #B1B3B5	RGB 177 179 181	#B1B3B5
100.0%	100.0% #C9CACB	RGB 201 202 203	#C9CACB

#45484C #595C61 #6E7276 #84878B #9A9DA0 #B1B3B5 #C9CACB

#45484C - #84878B - #C9CACB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45484C 0%, #84878B 50%, #C9CACB 100%);
    background: -webkit-linear-gradient(top, #45484C 0%, #84878B 50%, #C9CACB 100%);
    background: linear-gradient(to bottom, #45484C 0%, #84878B 50%, #C9CACB 100%);
}
</style>