#DAACE2 - #8448A2 | 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 #DAACE2 to #8448A2

#DAACE2 #8448A2

Calculate the color between two colors, #DAACE2 and #8448A2. 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)

#DAACE2 - #8448A2 | 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 #DAACE2 as 0% and #8448A2 as 100%.

0.0%	0.0% #DAACE2	RGB 218 172 226	#DAACE2
16.7%	16.7% #CB9BD7	RGB 203 155 215	#CB9BD7
33.3%	33.3% #BD8ACC	RGB 189 138 204	#BD8ACC
50.0%	50.0% #AF7AC2	RGB 175 122 194	#AF7AC2
66.7%	66.7% #A069B7	RGB 160 105 183	#A069B7
83.3%	83.3% #9258AC	RGB 146 88 172	#9258AC
100.0%	100.0% #8448A2	RGB 132 72 162	#8448A2

#DAACE2 #CB9BD7 #BD8ACC #AF7AC2 #A069B7 #9258AC #8448A2

#DAACE2 - #8448A2

HSV Blend

#DAACE2 - #8448A2 | 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 #DAACE2 as 0% and #8448A2 as 100%.

0.0%	0.0% #DAACE2	RGB 218 172 226	#DAACE2
16.7%	16.7% #CC98D7	RGB 204 152 215	#CC98D7
33.3%	33.3% #BD86CC	RGB 189 134 204	#BD86CC
50.0%	50.0% #AF74C2	RGB 175 116 194	#AF74C2
66.7%	66.7% #A064B7	RGB 160 100 183	#A064B7
83.3%	83.3% #9255AC	RGB 146 85 172	#9255AC
100.0%	100.0% #8448A2	RGB 132 72 162	#8448A2

#DAACE2 #CC98D7 #BD86CC #AF74C2 #A064B7 #9255AC #8448A2

#DAACE2 - #AF74C2 - #8448A2

CSS codes

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

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