#838B92 - #DBDCDF | 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 #838B92 to #DBDCDF

#838B92 #DBDCDF

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

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

0.0%	0.0% #838B92	RGB 131 139 146	#838B92
16.7%	16.7% #91989E	RGB 145 152 158	#91989E
33.3%	33.3% #A0A6AB	RGB 160 166 171	#A0A6AB
50.0%	50.0% #AFB3B8	RGB 175 179 184	#AFB3B8
66.7%	66.7% #BDC1C5	RGB 189 193 197	#BDC1C5
83.3%	83.3% #CCCED2	RGB 204 206 210	#CCCED2
100.0%	100.0% #DBDCDF	RGB 219 220 223	#DBDCDF

#838B92 #91989E #A0A6AB #AFB3B8 #BDC1C5 #CCCED2 #DBDCDF

#838B92 - #DBDCDF

HSV Blend

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

0.0%	0.0% #838B92	RGB 131 139 146	#838B92
16.7%	16.7% #90979E	RGB 144 151 158	#90979E
33.3%	33.3% #9EA4AB	RGB 158 164 171	#9EA4AB
50.0%	50.0% #ADB1B8	RGB 173 177 184	#ADB1B8
66.7%	66.7% #BCBFC5	RGB 188 191 197	#BCBFC5
83.3%	83.3% #CBCDD2	RGB 203 205 210	#CBCDD2
100.0%	100.0% #DBDCDF	RGB 219 220 223	#DBDCDF

#838B92 #90979E #9EA4AB #ADB1B8 #BCBFC5 #CBCDD2 #DBDCDF

#838B92 - #ADB1B8 - #DBDCDF

CSS codes

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

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