#54715F - #CED6D1 | 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 #54715F to #CED6D1

#54715F #CED6D1

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

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

0.0%	0.0% #54715F	RGB 84 113 95	#54715F
16.7%	16.7% #688172	RGB 104 129 114	#688172
33.3%	33.3% #7C9285	RGB 124 146 133	#7C9285
50.0%	50.0% #91A398	RGB 145 163 152	#91A398
66.7%	66.7% #A5B4AB	RGB 165 180 171	#A5B4AB
83.3%	83.3% #B9C5BE	RGB 185 197 190	#B9C5BE
100.0%	100.0% #CED6D1	RGB 206 214 209	#CED6D1

#54715F #688172 #7C9285 #91A398 #A5B4AB #B9C5BE #CED6D1

#54715F - #CED6D1

HSV Blend

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

0.0%	0.0% #54715F	RGB 84 113 95	#54715F
16.7%	16.7% #658170	RGB 101 129 112	#658170
33.3%	33.3% #779281	RGB 119 146 129	#779281
50.0%	50.0% #8BA394	RGB 139 163 148	#8BA394
66.7%	66.7% #A0B4A7	RGB 160 180 167	#A0B4A7
83.3%	83.3% #B6C5BC	RGB 182 197 188	#B6C5BC
100.0%	100.0% #CED6D1	RGB 206 214 209	#CED6D1

#54715F #658170 #779281 #8BA394 #A0B4A7 #B6C5BC #CED6D1

#54715F - #8BA394 - #CED6D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54715F 0%, #8BA394 50%, #CED6D1 100%);
    background: -webkit-linear-gradient(top, #54715F 0%, #8BA394 50%, #CED6D1 100%);
    background: linear-gradient(to bottom, #54715F 0%, #8BA394 50%, #CED6D1 100%);
}
</style>