#F5EFE2 - #D6D48D | 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 #F5EFE2 to #D6D48D

#F5EFE2 #D6D48D

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

#F5EFE2 - #D6D48D | 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 #F5EFE2 as 0% and #D6D48D as 100%.

0.0%	0.0% #F5EFE2	RGB 245 239 226	#F5EFE2
16.7%	16.7% #EFEAD3	RGB 239 234 211	#EFEAD3
33.3%	33.3% #EAE6C5	RGB 234 230 197	#EAE6C5
50.0%	50.0% #E5E1B7	RGB 229 225 183	#E5E1B7
66.7%	66.7% #E0DDA9	RGB 224 221 169	#E0DDA9
83.3%	83.3% #DBD89B	RGB 219 216 155	#DBD89B
100.0%	100.0% #D6D48D	RGB 214 212 141	#D6D48D

#F5EFE2 #EFEAD3 #EAE6C5 #E5E1B7 #E0DDA9 #DBD89B #D6D48D

#F5EFE2 - #D6D48D

HSV Blend

#F5EFE2 - #D6D48D | 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 #F5EFE2 as 0% and #D6D48D as 100%.

0.0%	0.0% #F5EFE2	RGB 245 239 226	#F5EFE2
16.7%	16.7% #EFE8D2	RGB 239 232 210	#EFE8D2
33.3%	33.3% #EAE2C3	RGB 234 226 195	#EAE2C3
50.0%	50.0% #E5DDB5	RGB 229 221 181	#E5DDB5
66.7%	66.7% #E0D9A7	RGB 224 217 167	#E0D9A7
83.3%	83.3% #DBD69A	RGB 219 214 154	#DBD69A
100.0%	100.0% #D6D48D	RGB 214 212 141	#D6D48D

#F5EFE2 #EFE8D2 #EAE2C3 #E5DDB5 #E0D9A7 #DBD69A #D6D48D

#F5EFE2 - #E5DDB5 - #D6D48D

CSS codes

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

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