#A8BDD9 - #DEDDDA | 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 #A8BDD9 to #DEDDDA

#A8BDD9 #DEDDDA

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

#A8BDD9 - #DEDDDA | 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 #A8BDD9 as 0% and #DEDDDA as 100%.

0.0%	0.0% #A8BDD9	RGB 168 189 217	#A8BDD9
16.7%	16.7% #B1C2D9	RGB 177 194 217	#B1C2D9
33.3%	33.3% #BAC7D9	RGB 186 199 217	#BAC7D9
50.0%	50.0% #C3CDD9	RGB 195 205 217	#C3CDD9
66.7%	66.7% #CCD2D9	RGB 204 210 217	#CCD2D9
83.3%	83.3% #D5D7D9	RGB 213 215 217	#D5D7D9
100.0%	100.0% #DEDDDA	RGB 222 221 218	#DEDDDA

#A8BDD9 #B1C2D9 #BAC7D9 #C3CDD9 #CCD2D9 #D5D7D9 #DEDDDA

#A8BDD9 - #DEDDDA

HSV Blend

#A8BDD9 - #DEDDDA | 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 #A8BDD9 as 0% and #DEDDDA as 100%.

0.0%	0.0% #A8BDD9	RGB 168 189 217	#A8BDD9
16.7%	16.7% #B0D5D9	RGB 176 213 217	#B0D5D9
33.3%	33.3% #B8DACE	RGB 184 218 206	#B8DACE
50.0%	50.0% #C0DBC5	RGB 192 219 197	#C0DBC5
66.7%	66.7% #CFDCC9	RGB 207 220 201	#CFDCC9
83.3%	83.3% #DADDD1	RGB 218 221 209	#DADDD1
100.0%	100.0% #DEDDDA	RGB 222 221 218	#DEDDDA

#A8BDD9 #B0D5D9 #B8DACE #C0DBC5 #CFDCC9 #DADDD1 #DEDDDA

#A8BDD9 - #C0DBC5 - #DEDDDA

CSS codes

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

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