#84369F - #DCC5E3 | 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 #84369F to #DCC5E3

#84369F #DCC5E3

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

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

0.0%	0.0% #84369F	RGB 132 54 159	#84369F
16.7%	16.7% #924DAA	RGB 146 77 170	#924DAA
33.3%	33.3% #A165B5	RGB 161 101 181	#A165B5
50.0%	50.0% #B07DC1	RGB 176 125 193	#B07DC1
66.7%	66.7% #BE95CC	RGB 190 149 204	#BE95CC
83.3%	83.3% #CDADD7	RGB 205 173 215	#CDADD7
100.0%	100.0% #DCC5E3	RGB 220 197 227	#DCC5E3

#84369F #924DAA #A165B5 #B07DC1 #BE95CC #CDADD7 #DCC5E3

#84369F - #DCC5E3

HSV Blend

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

0.0%	0.0% #84369F	RGB 132 54 159	#84369F
16.7%	16.7% #9148AA	RGB 145 72 170	#9148AA
33.3%	33.3% #9F5DB5	RGB 159 93 181	#9F5DB5
50.0%	50.0% #AE74C1	RGB 174 116 193	#AE74C1
66.7%	66.7% #BD8DCC	RGB 189 141 204	#BD8DCC
83.3%	83.3% #CCA8D7	RGB 204 168 215	#CCA8D7
100.0%	100.0% #DCC5E3	RGB 220 197 227	#DCC5E3

#84369F #9148AA #9F5DB5 #AE74C1 #BD8DCC #CCA8D7 #DCC5E3

#84369F - #AE74C1 - #DCC5E3

CSS codes

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

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