#849EA2 - #DBE3E4 | 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 #849EA2 to #DBE3E4

#849EA2 #DBE3E4

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

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

0.0%	0.0% #849EA2	RGB 132 158 162	#849EA2
16.7%	16.7% #92A9AD	RGB 146 169 173	#92A9AD
33.3%	33.3% #A1B5B8	RGB 161 181 184	#A1B5B8
50.0%	50.0% #AFC0C3	RGB 175 192 195	#AFC0C3
66.7%	66.7% #BECCCE	RGB 190 204 206	#BECCCE
83.3%	83.3% #CCD7D9	RGB 204 215 217	#CCD7D9
100.0%	100.0% #DBE3E4	RGB 219 227 228	#DBE3E4

#849EA2 #92A9AD #A1B5B8 #AFC0C3 #BECCCE #CCD7D9 #DBE3E4

#849EA2 - #DBE3E4

HSV Blend

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

0.0%	0.0% #849EA2	RGB 132 158 162	#849EA2
16.7%	16.7% #91A9AD	RGB 145 169 173	#91A9AD
33.3%	33.3% #9EB4B8	RGB 158 180 184	#9EB4B8
50.0%	50.0% #ADC0C3	RGB 173 192 195	#ADC0C3
66.7%	66.7% #BBCBCE	RGB 187 203 206	#BBCBCE
83.3%	83.3% #CBD7D9	RGB 203 215 217	#CBD7D9
100.0%	100.0% #DBE3E4	RGB 219 227 228	#DBE3E4

#849EA2 #91A9AD #9EB4B8 #ADC0C3 #BBCBCE #CBD7D9 #DBE3E4

#849EA2 - #ADC0C3 - #DBE3E4

CSS codes

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

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