#DFABED - #8940B2 | 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 #DFABED to #8940B2

#DFABED #8940B2

Calculate the color between two colors, #DFABED and #8940B2. 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)

#DFABED - #8940B2 | 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 #DFABED as 0% and #8940B2 as 100%.

0.0%	0.0% #DFABED	RGB 223 171 237	#DFABED
16.7%	16.7% #D099E3	RGB 208 153 227	#D099E3
33.3%	33.3% #C287D9	RGB 194 135 217	#C287D9
50.0%	50.0% #B475CF	RGB 180 117 207	#B475CF
66.7%	66.7% #A563C5	RGB 165 99 197	#A563C5
83.3%	83.3% #9751BB	RGB 151 81 187	#9751BB
100.0%	100.0% #8940B2	RGB 137 64 178	#8940B2

#DFABED #D099E3 #C287D9 #B475CF #A563C5 #9751BB #8940B2

#DFABED - #8940B2

HSV Blend

#DFABED - #8940B2 | 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 #DFABED as 0% and #8940B2 as 100%.

0.0%	0.0% #DFABED	RGB 223 171 237	#DFABED
16.7%	16.7% #D096E3	RGB 208 150 227	#D096E3
33.3%	33.3% #C282D9	RGB 194 130 217	#C282D9
50.0%	50.0% #B470CF	RGB 180 112 207	#B470CF
66.7%	66.7% #A55EC5	RGB 165 94 197	#A55EC5
83.3%	83.3% #974EBB	RGB 151 78 187	#974EBB
100.0%	100.0% #8940B2	RGB 137 64 178	#8940B2

#DFABED #D096E3 #C282D9 #B470CF #A55EC5 #974EBB #8940B2

#DFABED - #B470CF - #8940B2

CSS codes

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

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