#CDB5A6 - #AF6F51 | 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 #CDB5A6 to #AF6F51

#CDB5A6 #AF6F51

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

#CDB5A6 - #AF6F51 | 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 #CDB5A6 as 0% and #AF6F51 as 100%.

0.0%	0.0% #CDB5A6	RGB 205 181 166	#CDB5A6
16.7%	16.7% #C8A997	RGB 200 169 151	#C8A997
33.3%	33.3% #C39D89	RGB 195 157 137	#C39D89
50.0%	50.0% #BE927B	RGB 190 146 123	#BE927B
66.7%	66.7% #B9866D	RGB 185 134 109	#B9866D
83.3%	83.3% #B47A5F	RGB 180 122 95	#B47A5F
100.0%	100.0% #AF6F51	RGB 175 111 81	#AF6F51

#CDB5A6 #C8A997 #C39D89 #BE927B #B9866D #B47A5F #AF6F51

#CDB5A6 - #AF6F51

HSV Blend

#CDB5A6 - #AF6F51 | 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 #CDB5A6 as 0% and #AF6F51 as 100%.

0.0%	0.0% #CDB5A6	RGB 205 181 166	#CDB5A6
16.7%	16.7% #C8A896	RGB 200 168 150	#C8A896
33.3%	33.3% #C39C87	RGB 195 156 135	#C39C87
50.0%	50.0% #BE9178	RGB 190 145 120	#BE9178
66.7%	66.7% #B9856B	RGB 185 133 107	#B9856B
83.3%	83.3% #B47A5D	RGB 180 122 93	#B47A5D
100.0%	100.0% #AF6F51	RGB 175 111 81	#AF6F51

#CDB5A6 #C8A896 #C39C87 #BE9178 #B9856B #B47A5D #AF6F51

#CDB5A6 - #BE9178 - #AF6F51

CSS codes

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

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