#838BAB - #DBDCE7 | 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 #838BAB to #DBDCE7

#838BAB #DBDCE7

Calculate the color between two colors, #838BAB and #DBDCE7. 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)

#838BAB - #DBDCE7 | 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 #838BAB as 0% and #DBDCE7 as 100%.

0.0%	0.0% #838BAB	RGB 131 139 171	#838BAB
16.7%	16.7% #9198B5	RGB 145 152 181	#9198B5
33.3%	33.3% #A0A6BF	RGB 160 166 191	#A0A6BF
50.0%	50.0% #AFB3C9	RGB 175 179 201	#AFB3C9
66.7%	66.7% #BDC1D3	RGB 189 193 211	#BDC1D3
83.3%	83.3% #CCCEDD	RGB 204 206 221	#CCCEDD
100.0%	100.0% #DBDCE7	RGB 219 220 231	#DBDCE7

#838BAB #9198B5 #A0A6BF #AFB3C9 #BDC1D3 #CCCEDD #DBDCE7

#838BAB - #DBDCE7

HSV Blend

#838BAB - #DBDCE7 | 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 #838BAB as 0% and #DBDCE7 as 100%.

0.0%	0.0% #838BAB	RGB 131 139 171	#838BAB
16.7%	16.7% #9096B5	RGB 144 150 181	#9096B5
33.3%	33.3% #9DA3BF	RGB 157 163 191	#9DA3BF
50.0%	50.0% #ACB0C9	RGB 172 176 201	#ACB0C9
66.7%	66.7% #BBBED3	RGB 187 190 211	#BBBED3
83.3%	83.3% #CACCDD	RGB 202 204 221	#CACCDD
100.0%	100.0% #DBDCE7	RGB 219 220 231	#DBDCE7

#838BAB #9096B5 #9DA3BF #ACB0C9 #BBBED3 #CACCDD #DBDCE7

#838BAB - #ACB0C9 - #DBDCE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838BAB 0%, #ACB0C9 50%, #DBDCE7 100%);
    background: -webkit-linear-gradient(top, #838BAB 0%, #ACB0C9 50%, #DBDCE7 100%);
    background: linear-gradient(to bottom, #838BAB 0%, #ACB0C9 50%, #DBDCE7 100%);
}
</style>