#CE9C8D - #FFDFAE | 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 #CE9C8D to #FFDFAE

#CE9C8D #FFDFAE

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

#CE9C8D - #FFDFAE | 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 #CE9C8D as 0% and #FFDFAE as 100%.

0.0%	0.0% #CE9C8D	RGB 206 156 141	#CE9C8D
16.7%	16.7% #D6A792	RGB 214 167 146	#D6A792
33.3%	33.3% #DEB298	RGB 222 178 152	#DEB298
50.0%	50.0% #E6BD9D	RGB 230 189 157	#E6BD9D
66.7%	66.7% #EEC8A3	RGB 238 200 163	#EEC8A3
83.3%	83.3% #F6D3A8	RGB 246 211 168	#F6D3A8
100.0%	100.0% #FFDFAE	RGB 255 223 174	#FFDFAE

#CE9C8D #D6A792 #DEB298 #E6BD9D #EEC8A3 #F6D3A8 #FFDFAE

#CE9C8D - #FFDFAE

HSV Blend

#CE9C8D - #FFDFAE | 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 #CE9C8D as 0% and #FFDFAE as 100%.

0.0%	0.0% #CE9C8D	RGB 206 156 141	#CE9C8D
16.7%	16.7% #D6A692	RGB 214 166 146	#D6A692
33.3%	33.3% #DEB198	RGB 222 177 152	#DEB198
50.0%	50.0% #E6BC9D	RGB 230 188 157	#E6BC9D
66.7%	66.7% #EEC7A3	RGB 238 199 163	#EEC7A3
83.3%	83.3% #F6D3A8	RGB 246 211 168	#F6D3A8
100.0%	100.0% #FFDFAE	RGB 255 223 174	#FFDFAE

#CE9C8D #D6A692 #DEB198 #E6BC9D #EEC7A3 #F6D3A8 #FFDFAE

#CE9C8D - #E6BC9D - #FFDFAE

CSS codes

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

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