#D9AFE5 - #844AA7 | 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 #D9AFE5 to #844AA7

#D9AFE5 #844AA7

Calculate the color between two colors, #D9AFE5 and #844AA7. 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)

#D9AFE5 - #844AA7 | 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 #D9AFE5 as 0% and #844AA7 as 100%.

0.0%	0.0% #D9AFE5	RGB 217 175 229	#D9AFE5
16.7%	16.7% #CA9EDA	RGB 202 158 218	#CA9EDA
33.3%	33.3% #BC8DD0	RGB 188 141 208	#BC8DD0
50.0%	50.0% #AE7CC6	RGB 174 124 198	#AE7CC6
66.7%	66.7% #A06BBB	RGB 160 107 187	#A06BBB
83.3%	83.3% #925AB1	RGB 146 90 177	#925AB1
100.0%	100.0% #844AA7	RGB 132 74 167	#844AA7

#D9AFE5 #CA9EDA #BC8DD0 #AE7CC6 #A06BBB #925AB1 #844AA7

#D9AFE5 - #844AA7

HSV Blend

#D9AFE5 - #844AA7 | 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 #D9AFE5 as 0% and #844AA7 as 100%.

0.0%	0.0% #D9AFE5	RGB 217 175 229	#D9AFE5
16.7%	16.7% #CA9BDA	RGB 202 155 218	#CA9BDA
33.3%	33.3% #BC88D0	RGB 188 136 208	#BC88D0
50.0%	50.0% #AE77C6	RGB 174 119 198	#AE77C6
66.7%	66.7% #A067BB	RGB 160 103 187	#A067BB
83.3%	83.3% #9258B1	RGB 146 88 177	#9258B1
100.0%	100.0% #844AA7	RGB 132 74 167	#844AA7

#D9AFE5 #CA9BDA #BC88D0 #AE77C6 #A067BB #9258B1 #844AA7

#D9AFE5 - #AE77C6 - #844AA7

CSS codes

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

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