#DCB5C4 - #FFEED9 | 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 #DCB5C4 to #FFEED9

#DCB5C4 #FFEED9

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

#DCB5C4 - #FFEED9 | 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 #DCB5C4 as 0% and #FFEED9 as 100%.

0.0%	0.0% #DCB5C4	RGB 220 181 196	#DCB5C4
16.7%	16.7% #E1BEC7	RGB 225 190 199	#E1BEC7
33.3%	33.3% #E7C8CB	RGB 231 200 203	#E7C8CB
50.0%	50.0% #EDD1CE	RGB 237 209 206	#EDD1CE
66.7%	66.7% #F3DBD2	RGB 243 219 210	#F3DBD2
83.3%	83.3% #F9E4D5	RGB 249 228 213	#F9E4D5
100.0%	100.0% #FFEED9	RGB 255 238 217	#FFEED9

#DCB5C4 #E1BEC7 #E7C8CB #EDD1CE #F3DBD2 #F9E4D5 #FFEED9

#DCB5C4 - #FFEED9

HSV Blend

#DCB5C4 - #FFEED9 | 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 #DCB5C4 as 0% and #FFEED9 as 100%.

0.0%	0.0% #DCB5C4	RGB 220 181 196	#DCB5C4
16.7%	16.7% #E1BAC3	RGB 225 186 195	#E1BAC3
33.3%	33.3% #E7C0C3	RGB 231 192 195	#E7C0C3
50.0%	50.0% #EDCAC6	RGB 237 202 198	#EDCAC6
66.7%	66.7% #F3D6CC	RGB 243 214 204	#F3D6CC
83.3%	83.3% #F9E2D2	RGB 249 226 210	#F9E2D2
100.0%	100.0% #FFEED9	RGB 255 238 217	#FFEED9

#DCB5C4 #E1BAC3 #E7C0C3 #EDCAC6 #F3D6CC #F9E2D2 #FFEED9

#DCB5C4 - #EDCAC6 - #FFEED9

CSS codes

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

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