#83369F - #DBC5E3 | 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 #83369F to #DBC5E3

#83369F #DBC5E3

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

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

0.0%	0.0% #83369F	RGB 131 54 159	#83369F
16.7%	16.7% #914DAA	RGB 145 77 170	#914DAA
33.3%	33.3% #A065B5	RGB 160 101 181	#A065B5
50.0%	50.0% #AF7DC1	RGB 175 125 193	#AF7DC1
66.7%	66.7% #BD95CC	RGB 189 149 204	#BD95CC
83.3%	83.3% #CCADD7	RGB 204 173 215	#CCADD7
100.0%	100.0% #DBC5E3	RGB 219 197 227	#DBC5E3

#83369F #914DAA #A065B5 #AF7DC1 #BD95CC #CCADD7 #DBC5E3

#83369F - #DBC5E3

HSV Blend

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

0.0%	0.0% #82369F	RGB 130 54 159	#82369F
16.7%	16.7% #9048AA	RGB 144 72 170	#9048AA
33.3%	33.3% #9E5DB5	RGB 158 93 181	#9E5DB5
50.0%	50.0% #AC74C1	RGB 172 116 193	#AC74C1
66.7%	66.7% #BB8DCC	RGB 187 141 204	#BB8DCC
83.3%	83.3% #CBA8D7	RGB 203 168 215	#CBA8D7
100.0%	100.0% #DBC5E3	RGB 219 197 227	#DBC5E3

#82369F #9048AA #9E5DB5 #AC74C1 #BB8DCC #CBA8D7 #DBC5E3

#83369F - #AC74C1 - #DBC5E3

CSS codes

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

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