#A8CDC6 - #DBD2D3 | 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 #A8CDC6 to #DBD2D3

#A8CDC6 #DBD2D3

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

#A8CDC6 - #DBD2D3 | 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 #A8CDC6 as 0% and #DBD2D3 as 100%.

0.0%	0.0% #A8CDC6	RGB 168 205 198	#A8CDC6
16.7%	16.7% #B0CDC8	RGB 176 205 200	#B0CDC8
33.3%	33.3% #B9CECA	RGB 185 206 202	#B9CECA
50.0%	50.0% #C1CFCC	RGB 193 207 204	#C1CFCC
66.7%	66.7% #CAD0CE	RGB 202 208 206	#CAD0CE
83.3%	83.3% #D2D1D0	RGB 210 209 208	#D2D1D0
100.0%	100.0% #DBD2D3	RGB 219 210 211	#DBD2D3

#A8CDC6 #B0CDC8 #B9CECA #C1CFCC #CAD0CE #D2D1D0 #DBD2D3

#A8CDC6 - #DBD2D3

HSV Blend

#A8CDC6 - #DBD2D3 | 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 #A8CDC6 as 0% and #DBD2D3 as 100%.

0.0%	0.0% #A8CDC6	RGB 168 205 198	#A8CDC6
16.7%	16.7% #AECFB9	RGB 174 207 185	#AECFB9
33.3%	33.3% #BAD1B5	RGB 186 209 181	#BAD1B5
50.0%	50.0% #CBD4BC	RGB 203 212 188	#CBD4BC
66.7%	66.7% #D6D3C3	RGB 214 211 195	#D6D3C3
83.3%	83.3% #D8CFCA	RGB 216 207 202	#D8CFCA
100.0%	100.0% #DBD2D3	RGB 219 210 211	#DBD2D3

#A8CDC6 #AECFB9 #BAD1B5 #CBD4BC #D6D3C3 #D8CFCA #DBD2D3

#A8CDC6 - #CBD4BC - #DBD2D3

CSS codes

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

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