#45563F - #C9CEC8 | 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 #45563F to #C9CEC8

#45563F #C9CEC8

Calculate the color between two colors, #45563F and #C9CEC8. 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)

#45563F - #C9CEC8 | 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 #45563F as 0% and #C9CEC8 as 100%.

0.0%	0.0% #45563F	RGB 69 86 63	#45563F
16.7%	16.7% #5B6A55	RGB 91 106 85	#5B6A55
33.3%	33.3% #717E6C	RGB 113 126 108	#717E6C
50.0%	50.0% #879283	RGB 135 146 131	#879283
66.7%	66.7% #9DA69A	RGB 157 166 154	#9DA69A
83.3%	83.3% #B3BAB1	RGB 179 186 177	#B3BAB1
100.0%	100.0% #C9CEC8	RGB 201 206 200	#C9CEC8

#45563F #5B6A55 #717E6C #879283 #9DA69A #B3BAB1 #C9CEC8

#45563F - #C9CEC8

HSV Blend

#45563F - #C9CEC8 | 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 #45563F as 0% and #C9CEC8 as 100%.

0.0%	0.0% #45563F	RGB 69 86 63	#45563F
16.7%	16.7% #576A51	RGB 87 106 81	#576A51
33.3%	33.3% #6B7E66	RGB 107 126 102	#6B7E66
50.0%	50.0% #80927C	RGB 128 146 124	#80927C
66.7%	66.7% #97A693	RGB 151 166 147	#97A693
83.3%	83.3% #AFBAAD	RGB 175 186 173	#AFBAAD
100.0%	100.0% #C9CEC8	RGB 201 206 200	#C9CEC8

#45563F #576A51 #6B7E66 #80927C #97A693 #AFBAAD #C9CEC8

#45563F - #80927C - #C9CEC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45563F 0%, #80927C 50%, #C9CEC8 100%);
    background: -webkit-linear-gradient(top, #45563F 0%, #80927C 50%, #C9CEC8 100%);
    background: linear-gradient(to bottom, #45563F 0%, #80927C 50%, #C9CEC8 100%);
}
</style>