#EDDCCB - #D5A078 | 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 #EDDCCB to #D5A078

#EDDCCB #D5A078

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

#EDDCCB - #D5A078 | 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 #EDDCCB as 0% and #D5A078 as 100%.

0.0%	0.0% #EDDCCB	RGB 237 220 203	#EDDCCB
16.7%	16.7% #E9D2BD	RGB 233 210 189	#E9D2BD
33.3%	33.3% #E5C8AF	RGB 229 200 175	#E5C8AF
50.0%	50.0% #E1BEA1	RGB 225 190 161	#E1BEA1
66.7%	66.7% #DDB493	RGB 221 180 147	#DDB493
83.3%	83.3% #D9AA85	RGB 217 170 133	#D9AA85
100.0%	100.0% #D5A078	RGB 213 160 120	#D5A078

#EDDCCB #E9D2BD #E5C8AF #E1BEA1 #DDB493 #D9AA85 #D5A078

#EDDCCB - #D5A078

HSV Blend

#EDDCCB - #D5A078 | 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 #EDDCCB as 0% and #D5A078 as 100%.

0.0%	0.0% #EDDCCB	RGB 237 220 203	#EDDCCB
16.7%	16.7% #E9D2BC	RGB 233 210 188	#E9D2BC
33.3%	33.3% #E5C8AD	RGB 229 200 173	#E5C8AD
50.0%	50.0% #E1BE9F	RGB 225 190 159	#E1BE9F
66.7%	66.7% #DDB492	RGB 221 180 146	#DDB492
83.3%	83.3% #D9AA84	RGB 217 170 132	#D9AA84
100.0%	100.0% #D5A078	RGB 213 160 120	#D5A078

#EDDCCB #E9D2BC #E5C8AD #E1BE9F #DDB492 #D9AA84 #D5A078

#EDDCCB - #E1BE9F - #D5A078

CSS codes

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

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