#A6B9D9 - #DBDCDA | 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 #A6B9D9 to #DBDCDA

#A6B9D9 #DBDCDA

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

#A6B9D9 - #DBDCDA | 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 #A6B9D9 as 0% and #DBDCDA as 100%.

0.0%	0.0% #A6B9D9	RGB 166 185 217	#A6B9D9
16.7%	16.7% #AEBED9	RGB 174 190 217	#AEBED9
33.3%	33.3% #B7C4D9	RGB 183 196 217	#B7C4D9
50.0%	50.0% #C0CAD9	RGB 192 202 217	#C0CAD9
66.7%	66.7% #C9D0D9	RGB 201 208 217	#C9D0D9
83.3%	83.3% #D2D6D9	RGB 210 214 217	#D2D6D9
100.0%	100.0% #DBDCDA	RGB 219 220 218	#DBDCDA

#A6B9D9 #AEBED9 #B7C4D9 #C0CAD9 #C9D0D9 #D2D6D9 #DBDCDA

#A6B9D9 - #DBDCDA

HSV Blend

#A6B9D9 - #DBDCDA | 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 #A6B9D9 as 0% and #DBDCDA as 100%.

0.0%	0.0% #A6B9D9	RGB 166 185 217	#A6B9D9
16.7%	16.7% #AECDD9	RGB 174 205 217	#AECDD9
33.3%	33.3% #B7DAD7	RGB 183 218 215	#B7DAD7
50.0%	50.0% #BFDACE	RGB 191 218 206	#BFDACE
66.7%	66.7% #C8DBCC	RGB 200 219 204	#C8DBCC
83.3%	83.3% #D2DBD1	RGB 210 219 209	#D2DBD1
100.0%	100.0% #DBDCDA	RGB 219 220 218	#DBDCDA

#A6B9D9 #AECDD9 #B7DAD7 #BFDACE #C8DBCC #D2DBD1 #DBDCDA

#A6B9D9 - #BFDACE - #DBDCDA

CSS codes

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

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