#CEB8A8 - #FFEAC3 | 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 #CEB8A8 to #FFEAC3

#CEB8A8 #FFEAC3

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

#CEB8A8 - #FFEAC3 | 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 #CEB8A8 as 0% and #FFEAC3 as 100%.

0.0%	0.0% #CEB8A8	RGB 206 184 168	#CEB8A8
16.7%	16.7% #D6C0AC	RGB 214 192 172	#D6C0AC
33.3%	33.3% #DEC8B1	RGB 222 200 177	#DEC8B1
50.0%	50.0% #E6D1B5	RGB 230 209 181	#E6D1B5
66.7%	66.7% #EED9BA	RGB 238 217 186	#EED9BA
83.3%	83.3% #F6E1BE	RGB 246 225 190	#F6E1BE
100.0%	100.0% #FFEAC3	RGB 255 234 195	#FFEAC3

#CEB8A8 #D6C0AC #DEC8B1 #E6D1B5 #EED9BA #F6E1BE #FFEAC3

#CEB8A8 - #FFEAC3

HSV Blend

#CEB8A8 - #FFEAC3 | 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 #CEB8A8 as 0% and #FFEAC3 as 100%.

0.0%	0.0% #CEB8A8	RGB 206 184 168	#CEB8A8
16.7%	16.7% #D6BFAC	RGB 214 191 172	#D6BFAC
33.3%	33.3% #DEC7B1	RGB 222 199 177	#DEC7B1
50.0%	50.0% #E6D0B6	RGB 230 208 182	#E6D0B6
66.7%	66.7% #EED8BA	RGB 238 216 186	#EED8BA
83.3%	83.3% #F6E1BE	RGB 246 225 190	#F6E1BE
100.0%	100.0% #FFEAC3	RGB 255 234 195	#FFEAC3

#CEB8A8 #D6BFAC #DEC7B1 #E6D0B6 #EED8BA #F6E1BE #FFEAC3

#CEB8A8 - #E6D0B6 - #FFEAC3

CSS codes

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

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