#55645D - #CED2D0 | 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 #55645D to #CED2D0

#55645D #CED2D0

Calculate the color between two colors, #55645D and #CED2D0. 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)

#55645D - #CED2D0 | 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 #55645D as 0% and #CED2D0 as 100%.

0.0%	0.0% #55645D	RGB 85 100 93	#55645D
16.7%	16.7% #697670	RGB 105 118 112	#697670
33.3%	33.3% #7D8883	RGB 125 136 131	#7D8883
50.0%	50.0% #919B96	RGB 145 155 150	#919B96
66.7%	66.7% #A5ADA9	RGB 165 173 169	#A5ADA9
83.3%	83.3% #B9BFBC	RGB 185 191 188	#B9BFBC
100.0%	100.0% #CED2D0	RGB 206 210 208	#CED2D0

#55645D #697670 #7D8883 #919B96 #A5ADA9 #B9BFBC #CED2D0

#55645D - #CED2D0

HSV Blend

#55645D - #CED2D0 | 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 #55645D as 0% and #CED2D0 as 100%.

0.0%	0.0% #55645D	RGB 85 100 93	#55645D
16.7%	16.7% #67766F	RGB 103 118 111	#67766F
33.3%	33.3% #7A8881	RGB 122 136 129	#7A8881
50.0%	50.0% #8D9B94	RGB 141 155 148	#8D9B94
66.7%	66.7% #A2ADA8	RGB 162 173 168	#A2ADA8
83.3%	83.3% #B7BFBB	RGB 183 191 187	#B7BFBB
100.0%	100.0% #CED2D0	RGB 206 210 208	#CED2D0

#55645D #67766F #7A8881 #8D9B94 #A2ADA8 #B7BFBB #CED2D0

#55645D - #8D9B94 - #CED2D0

CSS codes

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

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