#849095 - #DBDEE0 | 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 #849095 to #DBDEE0

#849095 #DBDEE0

Calculate the color between two colors, #849095 and #DBDEE0. 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)

#849095 - #DBDEE0 | 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 #849095 as 0% and #DBDEE0 as 100%.

0.0%	0.0% #849095	RGB 132 144 149	#849095
16.7%	16.7% #929DA1	RGB 146 157 161	#929DA1
33.3%	33.3% #A1AAAE	RGB 161 170 174	#A1AAAE
50.0%	50.0% #AFB7BA	RGB 175 183 186	#AFB7BA
66.7%	66.7% #BEC4C7	RGB 190 196 199	#BEC4C7
83.3%	83.3% #CCD1D3	RGB 204 209 211	#CCD1D3
100.0%	100.0% #DBDEE0	RGB 219 222 224	#DBDEE0

#849095 #929DA1 #A1AAAE #AFB7BA #BEC4C7 #CCD1D3 #DBDEE0

#849095 - #DBDEE0

HSV Blend

#849095 - #DBDEE0 | 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 #849095 as 0% and #DBDEE0 as 100%.

0.0%	0.0% #849095	RGB 132 144 149	#849095
16.7%	16.7% #919CA1	RGB 145 156 161	#919CA1
33.3%	33.3% #9FA9AE	RGB 159 169 174	#9FA9AE
50.0%	50.0% #ADB6BA	RGB 173 182 186	#ADB6BA
66.7%	66.7% #BCC3C7	RGB 188 195 199	#BCC3C7
83.3%	83.3% #CBD0D3	RGB 203 208 211	#CBD0D3
100.0%	100.0% #DBDEE0	RGB 219 222 224	#DBDEE0

#849095 #919CA1 #9FA9AE #ADB6BA #BCC3C7 #CBD0D3 #DBDEE0

#849095 - #ADB6BA - #DBDEE0

CSS codes

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

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