#DCA1CB - #F5E4F0 | 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 #DCA1CB to #F5E4F0

#DCA1CB #F5E4F0

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

#DCA1CB - #F5E4F0 | 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 #DCA1CB as 0% and #F5E4F0 as 100%.

0.0%	0.0% #DCA1CB	RGB 220 161 203	#DCA1CB
16.7%	16.7% #E0ACD1	RGB 224 172 209	#E0ACD1
33.3%	33.3% #E4B7D7	RGB 228 183 215	#E4B7D7
50.0%	50.0% #E8C2DD	RGB 232 194 221	#E8C2DD
66.7%	66.7% #ECCDE3	RGB 236 205 227	#ECCDE3
83.3%	83.3% #F0D8E9	RGB 240 216 233	#F0D8E9
100.0%	100.0% #F5E4F0	RGB 245 228 240	#F5E4F0

#DCA1CB #E0ACD1 #E4B7D7 #E8C2DD #ECCDE3 #F0D8E9 #F5E4F0

#DCA1CB - #F5E4F0

HSV Blend

#DCA1CB - #F5E4F0 | 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 #DCA1CB as 0% and #F5E4F0 as 100%.

0.0%	0.0% #DCA1CB	RGB 220 161 203	#DCA1CB
16.7%	16.7% #E0ABD0	RGB 224 171 208	#E0ABD0
33.3%	33.3% #E4B6D6	RGB 228 182 214	#E4B6D6
50.0%	50.0% #E8C1DD	RGB 232 193 221	#E8C1DD
66.7%	66.7% #ECCCE3	RGB 236 204 227	#ECCCE3
83.3%	83.3% #F0D8E9	RGB 240 216 233	#F0D8E9
100.0%	100.0% #F5E4F0	RGB 245 228 240	#F5E4F0

#DCA1CB #E0ABD0 #E4B6D6 #E8C1DD #ECCCE3 #F0D8E9 #F5E4F0

#DCA1CB - #E8C1DD - #F5E4F0

CSS codes

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

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