#A8C2CF - #D5D3D2 | 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 #A8C2CF to #D5D3D2

#A8C2CF #D5D3D2

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

#A8C2CF - #D5D3D2 | 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 #A8C2CF as 0% and #D5D3D2 as 100%.

0.0%	0.0% #A8C2CF	RGB 168 194 207	#A8C2CF
16.7%	16.7% #AFC4CF	RGB 175 196 207	#AFC4CF
33.3%	33.3% #B7C7D0	RGB 183 199 208	#B7C7D0
50.0%	50.0% #BECAD0	RGB 190 202 208	#BECAD0
66.7%	66.7% #C6CDD1	RGB 198 205 209	#C6CDD1
83.3%	83.3% #CDD0D1	RGB 205 208 209	#CDD0D1
100.0%	100.0% #D5D3D2	RGB 213 211 210	#D5D3D2

#A8C2CF #AFC4CF #B7C7D0 #BECAD0 #C6CDD1 #CDD0D1 #D5D3D2

#A8C2CF - #D5D3D2

HSV Blend

#A8C2CF - #D5D3D2 | 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 #A8C2CF as 0% and #D5D3D2 as 100%.

0.0%	0.0% #A8C2CF	RGB 168 194 207	#A8C2CF
16.7%	16.7% #AED0CA	RGB 174 208 202	#AED0CA
33.3%	33.3% #B5D1BE	RGB 181 209 190	#B5D1BE
50.0%	50.0% #C0D2BC	RGB 192 210 188	#C0D2BC
66.7%	66.7% #CDD3C3	RGB 205 211 195	#CDD3C3
83.3%	83.3% #D4D2CA	RGB 212 210 202	#D4D2CA
100.0%	100.0% #D5D3D2	RGB 213 211 210	#D5D3D2

#A8C2CF #AED0CA #B5D1BE #C0D2BC #CDD3C3 #D4D2CA #D5D3D2

#A8C2CF - #C0D2BC - #D5D3D2

CSS codes

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

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