#DCAAE4 - #F5E6F7 | 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 #DCAAE4 to #F5E6F7

#DCAAE4 #F5E6F7

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

#DCAAE4 - #F5E6F7 | 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 #DCAAE4 as 0% and #F5E6F7 as 100%.

0.0%	0.0% #DCAAE4	RGB 220 170 228	#DCAAE4
16.7%	16.7% #E0B4E7	RGB 224 180 231	#E0B4E7
33.3%	33.3% #E4BEEA	RGB 228 190 234	#E4BEEA
50.0%	50.0% #E8C8ED	RGB 232 200 237	#E8C8ED
66.7%	66.7% #ECD2F0	RGB 236 210 240	#ECD2F0
83.3%	83.3% #F0DCF3	RGB 240 220 243	#F0DCF3
100.0%	100.0% #F5E6F7	RGB 245 230 247	#F5E6F7

#DCAAE4 #E0B4E7 #E4BEEA #E8C8ED #ECD2F0 #F0DCF3 #F5E6F7

#DCAAE4 - #F5E6F7

HSV Blend

#DCAAE4 - #F5E6F7 | 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 #DCAAE4 as 0% and #F5E6F7 as 100%.

0.0%	0.0% #DCAAE4	RGB 220 170 228	#DCAAE4
16.7%	16.7% #E0B3E7	RGB 224 179 231	#E0B3E7
33.3%	33.3% #E4BDEA	RGB 228 189 234	#E4BDEA
50.0%	50.0% #E8C7ED	RGB 232 199 237	#E8C7ED
66.7%	66.7% #ECD1F0	RGB 236 209 240	#ECD1F0
83.3%	83.3% #F0DBF3	RGB 240 219 243	#F0DBF3
100.0%	100.0% #F5E6F7	RGB 245 230 247	#F5E6F7

#DCAAE4 #E0B3E7 #E4BDEA #E8C7ED #ECD1F0 #F0DBF3 #F5E6F7

#DCAAE4 - #E8C7ED - #F5E6F7

CSS codes

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

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