#83669C - #DBD3E2 | 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 #83669C to #DBD3E2

#83669C #DBD3E2

Calculate the color between two colors, #83669C and #DBD3E2. 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)

#83669C - #DBD3E2 | 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 #83669C as 0% and #DBD3E2 as 100%.

0.0%	0.0% #83669C	RGB 131 102 156	#83669C
16.7%	16.7% #9178A7	RGB 145 120 167	#9178A7
33.3%	33.3% #A08AB3	RGB 160 138 179	#A08AB3
50.0%	50.0% #AF9CBF	RGB 175 156 191	#AF9CBF
66.7%	66.7% #BDAECA	RGB 189 174 202	#BDAECA
83.3%	83.3% #CCC0D6	RGB 204 192 214	#CCC0D6
100.0%	100.0% #DBD3E2	RGB 219 211 226	#DBD3E2

#83669C #9178A7 #A08AB3 #AF9CBF #BDAECA #CCC0D6 #DBD3E2

#83669C - #DBD3E2

HSV Blend

#83669C - #DBD3E2 | 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 #83669C as 0% and #DBD3E2 as 100%.

0.0%	0.0% #83669C	RGB 131 102 156	#83669C
16.7%	16.7% #9075A7	RGB 144 117 167	#9075A7
33.3%	33.3% #9E85B3	RGB 158 133 179	#9E85B3
50.0%	50.0% #AC97BF	RGB 172 151 191	#AC97BF
66.7%	66.7% #BBAACA	RGB 187 170 202	#BBAACA
83.3%	83.3% #CBBED6	RGB 203 190 214	#CBBED6
100.0%	100.0% #DBD3E2	RGB 219 211 226	#DBD3E2

#83669C #9075A7 #9E85B3 #AC97BF #BBAACA #CBBED6 #DBD3E2

#83669C - #AC97BF - #DBD3E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83669C 0%, #AC97BF 50%, #DBD3E2 100%);
    background: -webkit-linear-gradient(top, #83669C 0%, #AC97BF 50%, #DBD3E2 100%);
    background: linear-gradient(to bottom, #83669C 0%, #AC97BF 50%, #DBD3E2 100%);
}
</style>