#A2BEDA - #DFDEDB | 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 #A2BEDA to #DFDEDB

#A2BEDA #DFDEDB

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

#A2BEDA - #DFDEDB | 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 #A2BEDA as 0% and #DFDEDB as 100%.

0.0%	0.0% #A2BEDA	RGB 162 190 218	#A2BEDA
16.7%	16.7% #ACC3DA	RGB 172 195 218	#ACC3DA
33.3%	33.3% #B6C8DA	RGB 182 200 218	#B6C8DA
50.0%	50.0% #C0CEDA	RGB 192 206 218	#C0CEDA
66.7%	66.7% #CAD3DA	RGB 202 211 218	#CAD3DA
83.3%	83.3% #D4D8DA	RGB 212 216 218	#D4D8DA
100.0%	100.0% #DFDEDB	RGB 223 222 219	#DFDEDB

#A2BEDA #ACC3DA #B6C8DA #C0CEDA #CAD3DA #D4D8DA #DFDEDB

#A2BEDA - #DFDEDB

HSV Blend

#A2BEDA - #DFDEDB | 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 #A2BEDA as 0% and #DFDEDB as 100%.

0.0%	0.0% #A2BEDA	RGB 162 190 218	#A2BEDA
16.7%	16.7% #ABD8DA	RGB 171 216 218	#ABD8DA
33.3%	33.3% #B4DBCB	RGB 180 219 203	#B4DBCB
50.0%	50.0% #BEDCC1	RGB 190 220 193	#BEDCC1
66.7%	66.7% #CEDDC7	RGB 206 221 199	#CEDDC7
83.3%	83.3% #DBDED1	RGB 219 222 209	#DBDED1
100.0%	100.0% #DFDEDB	RGB 223 222 219	#DFDEDB

#A2BEDA #ABD8DA #B4DBCB #BEDCC1 #CEDDC7 #DBDED1 #DFDEDB

#A2BEDA - #BEDCC1 - #DFDEDB

CSS codes

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

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