#DCB5CF - #EDFFD5 | 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 #DCB5CF to #EDFFD5

#DCB5CF #EDFFD5

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

#DCB5CF - #EDFFD5 | 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 #DCB5CF as 0% and #EDFFD5 as 100%.

0.0%	0.0% #DCB5CF	RGB 220 181 207	#DCB5CF
16.7%	16.7% #DEC1D0	RGB 222 193 208	#DEC1D0
33.3%	33.3% #E1CDD1	RGB 225 205 209	#E1CDD1
50.0%	50.0% #E4DAD2	RGB 228 218 210	#E4DAD2
66.7%	66.7% #E7E6D3	RGB 231 230 211	#E7E6D3
83.3%	83.3% #EAF2D4	RGB 234 242 212	#EAF2D4
100.0%	100.0% #EDFFD5	RGB 237 255 213	#EDFFD5

#DCB5CF #DEC1D0 #E1CDD1 #E4DAD2 #E7E6D3 #EAF2D4 #EDFFD5

#DCB5CF - #EDFFD5

HSV Blend

#DCB5CF - #EDFFD5 | 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 #DCB5CF as 0% and #EDFFD5 as 100%.

0.0%	0.0% #DCB5CF	RGB 220 181 207	#DCB5CF
16.7%	16.7% #E1BAC6	RGB 225 186 198	#E1BAC6
33.3%	33.3% #E7C0BF	RGB 231 192 191	#E7C0BF
50.0%	50.0% #EDD4C4	RGB 237 212 196	#EDD4C4
66.7%	66.7% #F3E8CA	RGB 243 232 202	#F3E8CA
83.3%	83.3% #F5F9CF	RGB 245 249 207	#F5F9CF
100.0%	100.0% #EDFFD5	RGB 237 255 213	#EDFFD5

#DCB5CF #E1BAC6 #E7C0BF #EDD4C4 #F3E8CA #F5F9CF #EDFFD5

#DCB5CF - #EDD4C4 - #EDFFD5

CSS codes

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

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