#E4DFDC - #CAA290 | 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 #E4DFDC to #CAA290

#E4DFDC #CAA290

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

#E4DFDC - #CAA290 | 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 #E4DFDC as 0% and #CAA290 as 100%.

0.0%	0.0% #E4DFDC	RGB 228 223 220	#E4DFDC
16.7%	16.7% #DFD4CF	RGB 223 212 207	#DFD4CF
33.3%	33.3% #DBCAC2	RGB 219 202 194	#DBCAC2
50.0%	50.0% #D7C0B6	RGB 215 192 182	#D7C0B6
66.7%	66.7% #D2B6A9	RGB 210 182 169	#D2B6A9
83.3%	83.3% #CEAC9C	RGB 206 172 156	#CEAC9C
100.0%	100.0% #CAA290	RGB 202 162 144	#CAA290

#E4DFDC #DFD4CF #DBCAC2 #D7C0B6 #D2B6A9 #CEAC9C #CAA290

#E4DFDC - #CAA290

HSV Blend

#E4DFDC - #CAA290 | 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 #E4DFDC as 0% and #CAA290 as 100%.

0.0%	0.0% #E4DFDC	RGB 228 223 220	#E4DFDC
16.7%	16.7% #DFD4CE	RGB 223 212 206	#DFD4CE
33.3%	33.3% #DBCAC1	RGB 219 202 193	#DBCAC1
50.0%	50.0% #D7C0B4	RGB 215 192 180	#D7C0B4
66.7%	66.7% #D2B6A7	RGB 210 182 167	#D2B6A7
83.3%	83.3% #CEAB9B	RGB 206 171 155	#CEAB9B
100.0%	100.0% #CAA290	RGB 202 162 144	#CAA290

#E4DFDC #DFD4CE #DBCAC1 #D7C0B4 #D2B6A7 #CEAB9B #CAA290

#E4DFDC - #D7C0B4 - #CAA290

CSS codes

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

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