#849CAB - #DBE3E7 | 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 #849CAB to #DBE3E7

#849CAB #DBE3E7

Calculate the color between two colors, #849CAB and #DBE3E7. 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)

#849CAB - #DBE3E7 | 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 #849CAB as 0% and #DBE3E7 as 100%.

0.0%	0.0% #849CAB	RGB 132 156 171	#849CAB
16.7%	16.7% #92A7B5	RGB 146 167 181	#92A7B5
33.3%	33.3% #A1B3BF	RGB 161 179 191	#A1B3BF
50.0%	50.0% #AFBFC9	RGB 175 191 201	#AFBFC9
66.7%	66.7% #BECBD3	RGB 190 203 211	#BECBD3
83.3%	83.3% #CCD7DD	RGB 204 215 221	#CCD7DD
100.0%	100.0% #DBE3E7	RGB 219 227 231	#DBE3E7

#849CAB #92A7B5 #A1B3BF #AFBFC9 #BECBD3 #CCD7DD #DBE3E7

#849CAB - #DBE3E7

HSV Blend

#849CAB - #DBE3E7 | 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 #849CAB as 0% and #DBE3E7 as 100%.

0.0%	0.0% #849CAB	RGB 132 156 171	#849CAB
16.7%	16.7% #91A7B5	RGB 145 167 181	#91A7B5
33.3%	33.3% #9EB3BF	RGB 158 179 191	#9EB3BF
50.0%	50.0% #ACBEC9	RGB 172 190 201	#ACBEC9
66.7%	66.7% #BBCAD3	RGB 187 202 211	#BBCAD3
83.3%	83.3% #CBD6DD	RGB 203 214 221	#CBD6DD
100.0%	100.0% #DBE3E7	RGB 219 227 231	#DBE3E7

#849CAB #91A7B5 #9EB3BF #ACBEC9 #BBCAD3 #CBD6DD #DBE3E7

#849CAB - #ACBEC9 - #DBE3E7

CSS codes

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

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