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

#84379F #DCC5E3

Calculate the color between two colors, #84379F 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)

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

0.0%	0.0% #84379F	RGB 132 55 159	#84379F
16.7%	16.7% #924EAA	RGB 146 78 170	#924EAA
33.3%	33.3% #A166B5	RGB 161 102 181	#A166B5
50.0%	50.0% #B07EC1	RGB 176 126 193	#B07EC1
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

#84379F #924EAA #A166B5 #B07EC1 #BE95CC #CDADD7 #DCC5E3

#84379F - #DCC5E3

HSV Blend

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

0.0%	0.0% #84379F	RGB 132 55 159	#84379F
16.7%	16.7% #9149AA	RGB 145 73 170	#9149AA
33.3%	33.3% #9F5EB5	RGB 159 94 181	#9F5EB5
50.0%	50.0% #AE75C1	RGB 174 117 193	#AE75C1
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

#84379F #9149AA #9F5EB5 #AE75C1 #BD8DCC #CCA8D7 #DCC5E3

#84379F - #AE75C1 - #DCC5E3

CSS codes

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

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