#848EA3 - #DBDEE4 | 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 #848EA3 to #DBDEE4

#848EA3 #DBDEE4

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

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

0.0%	0.0% #848EA3	RGB 132 142 163	#848EA3
16.7%	16.7% #929BAD	RGB 146 155 173	#929BAD
33.3%	33.3% #A1A8B8	RGB 161 168 184	#A1A8B8
50.0%	50.0% #AFB6C3	RGB 175 182 195	#AFB6C3
66.7%	66.7% #BEC3CE	RGB 190 195 206	#BEC3CE
83.3%	83.3% #CCD0D9	RGB 204 208 217	#CCD0D9
100.0%	100.0% #DBDEE4	RGB 219 222 228	#DBDEE4

#848EA3 #929BAD #A1A8B8 #AFB6C3 #BEC3CE #CCD0D9 #DBDEE4

#848EA3 - #DBDEE4

HSV Blend

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

0.0%	0.0% #848EA3	RGB 132 142 163	#848EA3
16.7%	16.7% #919AAD	RGB 145 154 173	#919AAD
33.3%	33.3% #9EA7B8	RGB 158 167 184	#9EA7B8
50.0%	50.0% #ADB4C3	RGB 173 180 195	#ADB4C3
66.7%	66.7% #BBC1CE	RGB 187 193 206	#BBC1CE
83.3%	83.3% #CBCFD9	RGB 203 207 217	#CBCFD9
100.0%	100.0% #DBDEE4	RGB 219 222 228	#DBDEE4

#848EA3 #919AAD #9EA7B8 #ADB4C3 #BBC1CE #CBCFD9 #DBDEE4

#848EA3 - #ADB4C3 - #DBDEE4

CSS codes

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

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