#A8B6CF - #D5D4D2 | 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 #A8B6CF to #D5D4D2

#A8B6CF #D5D4D2

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

#A8B6CF - #D5D4D2 | 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 #A8B6CF as 0% and #D5D4D2 as 100%.

0.0%	0.0% #A8B6CF	RGB 168 182 207	#A8B6CF
16.7%	16.7% #AFBBCF	RGB 175 187 207	#AFBBCF
33.3%	33.3% #B7C0D0	RGB 183 192 208	#B7C0D0
50.0%	50.0% #BEC5D0	RGB 190 197 208	#BEC5D0
66.7%	66.7% #C6CAD1	RGB 198 202 209	#C6CAD1
83.3%	83.3% #CDCFD1	RGB 205 207 209	#CDCFD1
100.0%	100.0% #D5D4D2	RGB 213 212 210	#D5D4D2

#A8B6CF #AFBBCF #B7C0D0 #BEC5D0 #C6CAD1 #CDCFD1 #D5D4D2

#A8B6CF - #D5D4D2

HSV Blend

#A8B6CF - #D5D4D2 | 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 #A8B6CF as 0% and #D5D4D2 as 100%.

0.0%	0.0% #A8B6CF	RGB 168 182 207	#A8B6CF
16.7%	16.7% #AECBD0	RGB 174 203 208	#AECBD0
33.3%	33.3% #B5D1C7	RGB 181 209 199	#B5D1C7
50.0%	50.0% #BCD2C0	RGB 188 210 192	#BCD2C0
66.7%	66.7% #C8D3C3	RGB 200 211 195	#C8D3C3
83.3%	83.3% #D2D4CA	RGB 210 212 202	#D2D4CA
100.0%	100.0% #D5D4D2	RGB 213 212 210	#D5D4D2

#A8B6CF #AECBD0 #B5D1C7 #BCD2C0 #C8D3C3 #D2D4CA #D5D4D2

#A8B6CF - #BCD2C0 - #D5D4D2

CSS codes

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

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