#DDD39F - #E3C0D8 | 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 #DDD39F to #E3C0D8

#DDD39F #E3C0D8

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

#DDD39F - #E3C0D8 | 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 #DDD39F as 0% and #E3C0D8 as 100%.

0.0%	0.0% #DDD39F	RGB 221 211 159	#DDD39F
16.7%	16.7% #DECFA8	RGB 222 207 168	#DECFA8
33.3%	33.3% #DFCCB2	RGB 223 204 178	#DFCCB2
50.0%	50.0% #E0C9BB	RGB 224 201 187	#E0C9BB
66.7%	66.7% #E1C6C5	RGB 225 198 197	#E1C6C5
83.3%	83.3% #E2C3CE	RGB 226 195 206	#E2C3CE
100.0%	100.0% #E3C0D8	RGB 227 192 216	#E3C0D8

#DDD39F #DECFA8 #DFCCB2 #E0C9BB #E1C6C5 #E2C3CE #E3C0D8

#DDD39F - #E3C0D8

HSV Blend

#DDD39F - #E3C0D8 | 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 #DDD39F as 0% and #E3C0D8 as 100%.

0.0%	0.0% #DDD39F	RGB 221 211 159	#DDD39F
16.7%	16.7% #DEC6A4	RGB 222 198 164	#DEC6A4
33.3%	33.3% #DFBBA9	RGB 223 187 169	#DFBBA9
50.0%	50.0% #E0B3AF	RGB 224 179 175	#E0B3AF
66.7%	66.7% #E1B4BC	RGB 225 180 188	#E1B4BC
83.3%	83.3% #E2BACB	RGB 226 186 203	#E2BACB
100.0%	100.0% #E3C0D8	RGB 227 192 216	#E3C0D8

#DDD39F #DEC6A4 #DFBBA9 #E0B3AF #E1B4BC #E2BACB #E3C0D8

#DDD39F - #E0B3AF - #E3C0D8

CSS codes

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

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