#DC8ACF - #FFE3D9 | 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 #DC8ACF to #FFE3D9

#DC8ACF #FFE3D9

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

#DC8ACF - #FFE3D9 | 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 #DC8ACF as 0% and #FFE3D9 as 100%.

0.0%	0.0% #DC8ACF	RGB 220 138 207	#DC8ACF
16.7%	16.7% #E198D0	RGB 225 152 208	#E198D0
33.3%	33.3% #E7A7D2	RGB 231 167 210	#E7A7D2
50.0%	50.0% #EDB6D4	RGB 237 182 212	#EDB6D4
66.7%	66.7% #F3C5D5	RGB 243 197 213	#F3C5D5
83.3%	83.3% #F9D4D7	RGB 249 212 215	#F9D4D7
100.0%	100.0% #FFE3D9	RGB 255 227 217	#FFE3D9

#DC8ACF #E198D0 #E7A7D2 #EDB6D4 #F3C5D5 #F9D4D7 #FFE3D9

#DC8ACF - #FFE3D9

HSV Blend

#DC8ACF - #FFE3D9 | 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 #DC8ACF as 0% and #FFE3D9 as 100%.

0.0%	0.0% #DC8ACF	RGB 220 138 207	#DC8ACF
16.7%	16.7% #E196C7	RGB 225 150 199	#E196C7
33.3%	33.3% #E7A2C3	RGB 231 162 195	#E7A2C3
50.0%	50.0% #EDAFC1	RGB 237 175 193	#EDAFC1
66.7%	66.7% #F3BCC2	RGB 243 188 194	#F3BCC2
83.3%	83.3% #F9CECA	RGB 249 206 202	#F9CECA
100.0%	100.0% #FFE3D9	RGB 255 227 217	#FFE3D9

#DC8ACF #E196C7 #E7A2C3 #EDAFC1 #F3BCC2 #F9CECA #FFE3D9

#DC8ACF - #EDAFC1 - #FFE3D9

CSS codes

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

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