#849FB2 - #DBE3E9 | 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 #849FB2 to #DBE3E9

#849FB2 #DBE3E9

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

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

0.0%	0.0% #849FB2	RGB 132 159 178	#849FB2
16.7%	16.7% #92AABB	RGB 146 170 187	#92AABB
33.3%	33.3% #A1B5C4	RGB 161 181 196	#A1B5C4
50.0%	50.0% #AFC1CD	RGB 175 193 205	#AFC1CD
66.7%	66.7% #BECCD6	RGB 190 204 214	#BECCD6
83.3%	83.3% #CCD7DF	RGB 204 215 223	#CCD7DF
100.0%	100.0% #DBE3E9	RGB 219 227 233	#DBE3E9

#849FB2 #92AABB #A1B5C4 #AFC1CD #BECCD6 #CCD7DF #DBE3E9

#849FB2 - #DBE3E9

HSV Blend

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

0.0%	0.0% #849FB2	RGB 132 159 178	#849FB2
16.7%	16.7% #90A9BB	RGB 144 169 187	#90A9BB
33.3%	33.3% #9EB4C4	RGB 158 180 196	#9EB4C4
50.0%	50.0% #ACBFCD	RGB 172 191 205	#ACBFCD
66.7%	66.7% #BBCBD6	RGB 187 203 214	#BBCBD6
83.3%	83.3% #CAD6DF	RGB 202 214 223	#CAD6DF
100.0%	100.0% #DBE3E9	RGB 219 227 233	#DBE3E9

#849FB2 #90A9BB #9EB4C4 #ACBFCD #BBCBD6 #CAD6DF #DBE3E9

#849FB2 - #ACBFCD - #DBE3E9

CSS codes

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

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