#828BA1 - #DBDDE4 | 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 #828BA1 to #DBDDE4

#828BA1 #DBDDE4

Calculate the color between two colors, #828BA1 and #DBDDE4. 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)

#828BA1 - #DBDDE4 | 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 #828BA1 as 0% and #DBDDE4 as 100%.

0.0%	0.0% #828BA1	RGB 130 139 161	#828BA1
16.7%	16.7% #9098AC	RGB 144 152 172	#9098AC
33.3%	33.3% #9FA6B7	RGB 159 166 183	#9FA6B7
50.0%	50.0% #AEB4C2	RGB 174 180 194	#AEB4C2
66.7%	66.7% #BDC1CD	RGB 189 193 205	#BDC1CD
83.3%	83.3% #CCCFD8	RGB 204 207 216	#CCCFD8
100.0%	100.0% #DBDDE4	RGB 219 221 228	#DBDDE4

#828BA1 #9098AC #9FA6B7 #AEB4C2 #BDC1CD #CCCFD8 #DBDDE4

#828BA1 - #DBDDE4

HSV Blend

#828BA1 - #DBDDE4 | 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 #828BA1 as 0% and #DBDDE4 as 100%.

0.0%	0.0% #828BA1	RGB 130 139 161	#828BA1
16.7%	16.7% #8F97AC	RGB 143 151 172	#8F97AC
33.3%	33.3% #9DA4B7	RGB 157 164 183	#9DA4B7
50.0%	50.0% #ABB1C2	RGB 171 177 194	#ABB1C2
66.7%	66.7% #BBBFCD	RGB 187 191 205	#BBBFCD
83.3%	83.3% #CACED8	RGB 202 206 216	#CACED8
100.0%	100.0% #DBDDE4	RGB 219 221 228	#DBDDE4

#828BA1 #8F97AC #9DA4B7 #ABB1C2 #BBBFCD #CACED8 #DBDDE4

#828BA1 - #ABB1C2 - #DBDDE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828BA1 0%, #ABB1C2 50%, #DBDDE4 100%);
    background: -webkit-linear-gradient(top, #828BA1 0%, #ABB1C2 50%, #DBDDE4 100%);
    background: linear-gradient(to bottom, #828BA1 0%, #ABB1C2 50%, #DBDDE4 100%);
}
</style>