#848F9B - #DBDFE2 | 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 #848F9B to #DBDFE2

#848F9B #DBDFE2

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

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

0.0%	0.0% #848F9B	RGB 132 143 155	#848F9B
16.7%	16.7% #929CA6	RGB 146 156 166	#929CA6
33.3%	33.3% #A1A9B2	RGB 161 169 178	#A1A9B2
50.0%	50.0% #AFB7BE	RGB 175 183 190	#AFB7BE
66.7%	66.7% #BEC4CA	RGB 190 196 202	#BEC4CA
83.3%	83.3% #CCD1D6	RGB 204 209 214	#CCD1D6
100.0%	100.0% #DBDFE2	RGB 219 223 226	#DBDFE2

#848F9B #929CA6 #A1A9B2 #AFB7BE #BEC4CA #CCD1D6 #DBDFE2

#848F9B - #DBDFE2

HSV Blend

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

0.0%	0.0% #848F9B	RGB 132 143 155	#848F9B
16.7%	16.7% #919BA6	RGB 145 155 166	#919BA6
33.3%	33.3% #9FA9B2	RGB 159 169 178	#9FA9B2
50.0%	50.0% #ADB6BE	RGB 173 182 190	#ADB6BE
66.7%	66.7% #BCC3CA	RGB 188 195 202	#BCC3CA
83.3%	83.3% #CBD1D6	RGB 203 209 214	#CBD1D6
100.0%	100.0% #DBDFE2	RGB 219 223 226	#DBDFE2

#848F9B #919BA6 #9FA9B2 #ADB6BE #BCC3CA #CBD1D6 #DBDFE2

#848F9B - #ADB6BE - #DBDFE2

CSS codes

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

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