#DBEBF9 - #8CABDD | 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 #DBEBF9 to #8CABDD

#DBEBF9 #8CABDD

Calculate the color between two colors, #DBEBF9 and #8CABDD. 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)

#DBEBF9 - #8CABDD | 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 #DBEBF9 as 0% and #8CABDD as 100%.

0.0%	0.0% #DBEBF9	RGB 219 235 249	#DBEBF9
16.7%	16.7% #CDE0F4	RGB 205 224 244	#CDE0F4
33.3%	33.3% #C0D5EF	RGB 192 213 239	#C0D5EF
50.0%	50.0% #B3CBEB	RGB 179 203 235	#B3CBEB
66.7%	66.7% #A6C0E6	RGB 166 192 230	#A6C0E6
83.3%	83.3% #99B5E1	RGB 153 181 225	#99B5E1
100.0%	100.0% #8CABDD	RGB 140 171 221	#8CABDD

#DBEBF9 #CDE0F4 #C0D5EF #B3CBEB #A6C0E6 #99B5E1 #8CABDD

#DBEBF9 - #8CABDD

HSV Blend

#DBEBF9 - #8CABDD | 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 #DBEBF9 as 0% and #8CABDD as 100%.

0.0%	0.0% #DBEBF9	RGB 219 235 249	#DBEBF9
16.7%	16.7% #CCE0F4	RGB 204 224 244	#CCE0F4
33.3%	33.3% #BFD6EF	RGB 191 214 239	#BFD6EF
50.0%	50.0% #B1CBEB	RGB 177 203 235	#B1CBEB
66.7%	66.7% #A4C1E6	RGB 164 193 230	#A4C1E6
83.3%	83.3% #98B6E1	RGB 152 182 225	#98B6E1
100.0%	100.0% #8CABDD	RGB 140 171 221	#8CABDD

#DBEBF9 #CCE0F4 #BFD6EF #B1CBEB #A4C1E6 #98B6E1 #8CABDD

#DBEBF9 - #B1CBEB - #8CABDD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBEBF9 0%, #B1CBEB 50%, #8CABDD 100%);
    background: -webkit-linear-gradient(top, #DBEBF9 0%, #B1CBEB 50%, #8CABDD 100%);
    background: linear-gradient(to bottom, #DBEBF9 0%, #B1CBEB 50%, #8CABDD 100%);
}
</style>