#A1A8CC - #D5D4D0 | 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 #A1A8CC to #D5D4D0

#A1A8CC #D5D4D0

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

#A1A8CC - #D5D4D0 | 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 #A1A8CC as 0% and #D5D4D0 as 100%.

0.0%	0.0% #A1A8CC	RGB 161 168 204	#A1A8CC
16.7%	16.7% #A9AFCC	RGB 169 175 204	#A9AFCC
33.3%	33.3% #B2B6CD	RGB 178 182 205	#B2B6CD
50.0%	50.0% #BBBECE	RGB 187 190 206	#BBBECE
66.7%	66.7% #C3C5CE	RGB 195 197 206	#C3C5CE
83.3%	83.3% #CCCCCF	RGB 204 204 207	#CCCCCF
100.0%	100.0% #D5D4D0	RGB 213 212 208	#D5D4D0

#A1A8CC #A9AFCC #B2B6CD #BBBECE #C3C5CE #CCCCCF #D5D4D0

#A1A8CC - #D5D4D0

HSV Blend

#A1A8CC - #D5D4D0 | 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 #A1A8CC as 0% and #D5D4D0 as 100%.

0.0%	0.0% #A1A8CC	RGB 161 168 204	#A1A8CC
16.7%	16.7% #B4A8CD	RGB 180 168 205	#B4A8CD
33.3%	33.3% #C9B0CF	RGB 201 176 207	#C9B0CF
50.0%	50.0% #D0B8C8	RGB 208 184 200	#D0B8C8
66.7%	66.7% #D2BFC3	RGB 210 191 195	#D2BFC3
83.3%	83.3% #D3CBC7	RGB 211 203 199	#D3CBC7
100.0%	100.0% #D5D4D0	RGB 213 212 208	#D5D4D0

#A1A8CC #B4A8CD #C9B0CF #D0B8C8 #D2BFC3 #D3CBC7 #D5D4D0

#A1A8CC - #D0B8C8 - #D5D4D0

CSS codes

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

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