#455243 - #C9CDC9 | 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 #455243 to #C9CDC9

#455243 #C9CDC9

Calculate the color between two colors, #455243 and #C9CDC9. 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)

#455243 - #C9CDC9 | 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 #455243 as 0% and #C9CDC9 as 100%.

0.0%	0.0% #455243	RGB 69 82 67	#455243
16.7%	16.7% #5B6659	RGB 91 102 89	#5B6659
33.3%	33.3% #717B6F	RGB 113 123 111	#717B6F
50.0%	50.0% #878F86	RGB 135 143 134	#878F86
66.7%	66.7% #9DA49C	RGB 157 164 156	#9DA49C
83.3%	83.3% #B3B8B2	RGB 179 184 178	#B3B8B2
100.0%	100.0% #C9CDC9	RGB 201 205 201	#C9CDC9

#455243 #5B6659 #717B6F #878F86 #9DA49C #B3B8B2 #C9CDC9

#455243 - #C9CDC9

HSV Blend

#455243 - #C9CDC9 | 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 #455243 as 0% and #C9CDC9 as 100%.

0.0%	0.0% #455243	RGB 69 82 67	#455243
16.7%	16.7% #586656	RGB 88 102 86	#586656
33.3%	33.3% #6C7B6B	RGB 108 123 107	#6C7B6B
50.0%	50.0% #818F80	RGB 129 143 128	#818F80
66.7%	66.7% #98A497	RGB 152 164 151	#98A497
83.3%	83.3% #B0B8AF	RGB 176 184 175	#B0B8AF
100.0%	100.0% #C9CDC9	RGB 201 205 201	#C9CDC9

#455243 #586656 #6C7B6B #818F80 #98A497 #B0B8AF #C9CDC9

#455243 - #818F80 - #C9CDC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #455243 0%, #818F80 50%, #C9CDC9 100%);
    background: -webkit-linear-gradient(top, #455243 0%, #818F80 50%, #C9CDC9 100%);
    background: linear-gradient(to bottom, #455243 0%, #818F80 50%, #C9CDC9 100%);
}
</style>