#89369F - #DDC5E3 | 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 #89369F to #DDC5E3

#89369F #DDC5E3

Calculate the color between two colors, #89369F and #DDC5E3. 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)

#89369F - #DDC5E3 | 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 #89369F as 0% and #DDC5E3 as 100%.

0.0%	0.0% #89369F	RGB 137 54 159	#89369F
16.7%	16.7% #974DAA	RGB 151 77 170	#974DAA
33.3%	33.3% #A565B5	RGB 165 101 181	#A565B5
50.0%	50.0% #B37DC1	RGB 179 125 193	#B37DC1
66.7%	66.7% #C195CC	RGB 193 149 204	#C195CC
83.3%	83.3% #CFADD7	RGB 207 173 215	#CFADD7
100.0%	100.0% #DDC5E3	RGB 221 197 227	#DDC5E3

#89369F #974DAA #A565B5 #B37DC1 #C195CC #CFADD7 #DDC5E3

#89369F - #DDC5E3

HSV Blend

#89369F - #DDC5E3 | 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 #89369F as 0% and #DDC5E3 as 100%.

0.0%	0.0% #88369F	RGB 136 54 159	#88369F
16.7%	16.7% #9648AA	RGB 150 72 170	#9648AA
33.3%	33.3% #A35DB5	RGB 163 93 181	#A35DB5
50.0%	50.0% #B174C1	RGB 177 116 193	#B174C1
66.7%	66.7% #BF8DCC	RGB 191 141 204	#BF8DCC
83.3%	83.3% #CEA8D7	RGB 206 168 215	#CEA8D7
100.0%	100.0% #DDC5E3	RGB 221 197 227	#DDC5E3

#88369F #9648AA #A35DB5 #B174C1 #BF8DCC #CEA8D7 #DDC5E3

#89369F - #B174C1 - #DDC5E3

CSS codes

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

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