#819EC1 - #DBE2ED | 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 #819EC1 to #DBE2ED

#819EC1 #DBE2ED

Calculate the color between two colors, #819EC1 and #DBE2ED. 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)

#819EC1 - #DBE2ED | 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 #819EC1 as 0% and #DBE2ED as 100%.

0.0%	0.0% #819EC1	RGB 129 158 193	#819EC1
16.7%	16.7% #90A9C8	RGB 144 169 200	#90A9C8
33.3%	33.3% #9FB4CF	RGB 159 180 207	#9FB4CF
50.0%	50.0% #AEC0D7	RGB 174 192 215	#AEC0D7
66.7%	66.7% #BDCBDE	RGB 189 203 222	#BDCBDE
83.3%	83.3% #CCD6E5	RGB 204 214 229	#CCD6E5
100.0%	100.0% #DBE2ED	RGB 219 226 237	#DBE2ED

#819EC1 #90A9C8 #9FB4CF #AEC0D7 #BDCBDE #CCD6E5 #DBE2ED

#819EC1 - #DBE2ED

HSV Blend

#819EC1 - #DBE2ED | 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 #819EC1 as 0% and #DBE2ED as 100%.

0.0%	0.0% #819DC1	RGB 129 157 193	#819DC1
16.7%	16.7% #8EA8C8	RGB 142 168 200	#8EA8C8
33.3%	33.3% #9CB2CF	RGB 156 178 207	#9CB2CF
50.0%	50.0% #ABBDD7	RGB 171 189 215	#ABBDD7
66.7%	66.7% #BAC9DE	RGB 186 201 222	#BAC9DE
83.3%	83.3% #CAD5E5	RGB 202 213 229	#CAD5E5
100.0%	100.0% #DBE2ED	RGB 219 226 237	#DBE2ED

#819DC1 #8EA8C8 #9CB2CF #ABBDD7 #BAC9DE #CAD5E5 #DBE2ED

#819EC1 - #ABBDD7 - #DBE2ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #819DC1 0%, #ABBDD7 50%, #DBE2ED 100%);
    background: -webkit-linear-gradient(top, #819DC1 0%, #ABBDD7 50%, #DBE2ED 100%);
    background: linear-gradient(to bottom, #819DC1 0%, #ABBDD7 50%, #DBE2ED 100%);
}
</style>