#514E3C - #CDCCC7 | 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 #514E3C to #CDCCC7

#514E3C #CDCCC7

Calculate the color between two colors, #514E3C and #CDCCC7. 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)

#514E3C - #CDCCC7 | 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 #514E3C as 0% and #CDCCC7 as 100%.

0.0%	0.0% #514E3C	RGB 81 78 60	#514E3C
16.7%	16.7% #656353	RGB 101 99 83	#656353
33.3%	33.3% #7A786A	RGB 122 120 106	#7A786A
50.0%	50.0% #8F8D81	RGB 143 141 129	#8F8D81
66.7%	66.7% #A3A298	RGB 163 162 152	#A3A298
83.3%	83.3% #B8B7AF	RGB 184 183 175	#B8B7AF
100.0%	100.0% #CDCCC7	RGB 205 204 199	#CDCCC7

#514E3C #656353 #7A786A #8F8D81 #A3A298 #B8B7AF #CDCCC7

#514E3C - #CDCCC7

HSV Blend

#514E3C - #CDCCC7 | 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 #514E3C as 0% and #CDCCC7 as 100%.

0.0%	0.0% #514E3C	RGB 81 78 60	#514E3C
16.7%	16.7% #65624F	RGB 101 98 79	#65624F
33.3%	33.3% #7A7663	RGB 122 118 99	#7A7663
50.0%	50.0% #8F8B7A	RGB 143 139 122	#8F8B7A
66.7%	66.7% #A3A092	RGB 163 160 146	#A3A092
83.3%	83.3% #B8B6AB	RGB 184 182 171	#B8B6AB
100.0%	100.0% #CDCCC7	RGB 205 204 199	#CDCCC7

#514E3C #65624F #7A7663 #8F8B7A #A3A092 #B8B6AB #CDCCC7

#514E3C - #8F8B7A - #CDCCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #514E3C 0%, #8F8B7A 50%, #CDCCC7 100%);
    background: -webkit-linear-gradient(top, #514E3C 0%, #8F8B7A 50%, #CDCCC7 100%);
    background: linear-gradient(to bottom, #514E3C 0%, #8F8B7A 50%, #CDCCC7 100%);
}
</style>