#A8BDDF - #DBDDDE | 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 #A8BDDF to #DBDDDE

#A8BDDF #DBDDDE

Calculate the color between two colors, #A8BDDF and #DBDDDE. 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)

#A8BDDF - #DBDDDE | 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 #A8BDDF as 0% and #DBDDDE as 100%.

0.0%	0.0% #A8BDDF	RGB 168 189 223	#A8BDDF
16.7%	16.7% #B0C2DE	RGB 176 194 222	#B0C2DE
33.3%	33.3% #B9C7DE	RGB 185 199 222	#B9C7DE
50.0%	50.0% #C1CDDE	RGB 193 205 222	#C1CDDE
66.7%	66.7% #CAD2DE	RGB 202 210 222	#CAD2DE
83.3%	83.3% #D2D7DE	RGB 210 215 222	#D2D7DE
100.0%	100.0% #DBDDDE	RGB 219 221 222	#DBDDDE

#A8BDDF #B0C2DE #B9C7DE #C1CDDE #CAD2DE #D2D7DE #DBDDDE

#A8BDDF - #DBDDDE

HSV Blend

#A8BDDF - #DBDDDE | 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 #A8BDDF as 0% and #DBDDDE as 100%.

0.0%	0.0% #A8BDDF	RGB 168 189 223	#A8BDDF
16.7%	16.7% #B0C4DE	RGB 176 196 222	#B0C4DE
33.3%	33.3% #B9CADE	RGB 185 202 222	#B9CADE
50.0%	50.0% #C1D0DE	RGB 193 208 222	#C1D0DE
66.7%	66.7% #CAD5DE	RGB 202 213 222	#CAD5DE
83.3%	83.3% #D2D9DE	RGB 210 217 222	#D2D9DE
100.0%	100.0% #DBDDDE	RGB 219 221 222	#DBDDDE

#A8BDDF #B0C4DE #B9CADE #C1D0DE #CAD5DE #D2D9DE #DBDDDE

#A8BDDF - #C1D0DE - #DBDDDE

CSS codes

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

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