#C8A49D - #EFE5E3 | 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 #C8A49D to #EFE5E3

#C8A49D #EFE5E3

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

#C8A49D - #EFE5E3 | 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 #C8A49D as 0% and #EFE5E3 as 100%.

0.0%	0.0% #C8A49D	RGB 200 164 157	#C8A49D
16.7%	16.7% #CEAEA8	RGB 206 174 168	#CEAEA8
33.3%	33.3% #D5B9B4	RGB 213 185 180	#D5B9B4
50.0%	50.0% #DBC4C0	RGB 219 196 192	#DBC4C0
66.7%	66.7% #E2CFCB	RGB 226 207 203	#E2CFCB
83.3%	83.3% #E8DAD7	RGB 232 218 215	#E8DAD7
100.0%	100.0% #EFE5E3	RGB 239 229 227	#EFE5E3

#C8A49D #CEAEA8 #D5B9B4 #DBC4C0 #E2CFCB #E8DAD7 #EFE5E3

#C8A49D - #EFE5E3

HSV Blend

#C8A49D - #EFE5E3 | 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 #C8A49D as 0% and #EFE5E3 as 100%.

0.0%	0.0% #C8A49D	RGB 200 164 157	#C8A49D
16.7%	16.7% #CEAEA7	RGB 206 174 167	#CEAEA7
33.3%	33.3% #D5B8B2	RGB 213 184 178	#D5B8B2
50.0%	50.0% #DBC3BE	RGB 219 195 190	#DBC3BE
66.7%	66.7% #E2CECA	RGB 226 206 202	#E2CECA
83.3%	83.3% #E8D9D6	RGB 232 217 214	#E8D9D6
100.0%	100.0% #EFE5E3	RGB 239 229 227	#EFE5E3

#C8A49D #CEAEA7 #D5B8B2 #DBC3BE #E2CECA #E8D9D6 #EFE5E3

#C8A49D - #DBC3BE - #EFE5E3

CSS codes

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

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