#848B95 - #DBDDE0 | 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 #848B95 to #DBDDE0

#848B95 #DBDDE0

Calculate the color between two colors, #848B95 and #DBDDE0. 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)

#848B95 - #DBDDE0 | 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 #848B95 as 0% and #DBDDE0 as 100%.

0.0%	0.0% #848B95	RGB 132 139 149	#848B95
16.7%	16.7% #9298A1	RGB 146 152 161	#9298A1
33.3%	33.3% #A1A6AE	RGB 161 166 174	#A1A6AE
50.0%	50.0% #AFB4BA	RGB 175 180 186	#AFB4BA
66.7%	66.7% #BEC1C7	RGB 190 193 199	#BEC1C7
83.3%	83.3% #CCCFD3	RGB 204 207 211	#CCCFD3
100.0%	100.0% #DBDDE0	RGB 219 221 224	#DBDDE0

#848B95 #9298A1 #A1A6AE #AFB4BA #BEC1C7 #CCCFD3 #DBDDE0

#848B95 - #DBDDE0

HSV Blend

#848B95 - #DBDDE0 | 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 #848B95 as 0% and #DBDDE0 as 100%.

0.0%	0.0% #848B95	RGB 132 139 149	#848B95
16.7%	16.7% #9198A1	RGB 145 152 161	#9198A1
33.3%	33.3% #9FA5AE	RGB 159 165 174	#9FA5AE
50.0%	50.0% #ADB2BA	RGB 173 178 186	#ADB2BA
66.7%	66.7% #BCC0C7	RGB 188 192 199	#BCC0C7
83.3%	83.3% #CBCED3	RGB 203 206 211	#CBCED3
100.0%	100.0% #DBDDE0	RGB 219 221 224	#DBDDE0

#848B95 #9198A1 #9FA5AE #ADB2BA #BCC0C7 #CBCED3 #DBDDE0

#848B95 - #ADB2BA - #DBDDE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848B95 0%, #ADB2BA 50%, #DBDDE0 100%);
    background: -webkit-linear-gradient(top, #848B95 0%, #ADB2BA 50%, #DBDDE0 100%);
    background: linear-gradient(to bottom, #848B95 0%, #ADB2BA 50%, #DBDDE0 100%);
}
</style>