#826C8F - #DBD5DF | 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 #826C8F to #DBD5DF

#826C8F #DBD5DF

Calculate the color between two colors, #826C8F and #DBD5DF. 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)

#826C8F - #DBD5DF | 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 #826C8F as 0% and #DBD5DF as 100%.

0.0%	0.0% #826C8F	RGB 130 108 143	#826C8F
16.7%	16.7% #907D9C	RGB 144 125 156	#907D9C
33.3%	33.3% #9F8FA9	RGB 159 143 169	#9F8FA9
50.0%	50.0% #AEA0B7	RGB 174 160 183	#AEA0B7
66.7%	66.7% #BDB2C4	RGB 189 178 196	#BDB2C4
83.3%	83.3% #CCC3D1	RGB 204 195 209	#CCC3D1
100.0%	100.0% #DBD5DF	RGB 219 213 223	#DBD5DF

#826C8F #907D9C #9F8FA9 #AEA0B7 #BDB2C4 #CCC3D1 #DBD5DF

#826C8F - #DBD5DF

HSV Blend

#826C8F - #DBD5DF | 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 #826C8F as 0% and #DBD5DF as 100%.

0.0%	0.0% #826C8F	RGB 130 108 143	#826C8F
16.7%	16.7% #8F7B9C	RGB 143 123 156	#8F7B9C
33.3%	33.3% #9E8BA9	RGB 158 139 169	#9E8BA9
50.0%	50.0% #AC9CB7	RGB 172 156 183	#AC9CB7
66.7%	66.7% #BBAEC4	RGB 187 174 196	#BBAEC4
83.3%	83.3% #CBC1D1	RGB 203 193 209	#CBC1D1
100.0%	100.0% #DBD5DF	RGB 219 213 223	#DBD5DF

#826C8F #8F7B9C #9E8BA9 #AC9CB7 #BBAEC4 #CBC1D1 #DBD5DF

#826C8F - #AC9CB7 - #DBD5DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #826C8F 0%, #AC9CB7 50%, #DBD5DF 100%);
    background: -webkit-linear-gradient(top, #826C8F 0%, #AC9CB7 50%, #DBD5DF 100%);
    background: linear-gradient(to bottom, #826C8F 0%, #AC9CB7 50%, #DBD5DF 100%);
}
</style>