#A8BDCC - #C5C0FF | 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 #A8BDCC to #C5C0FF

#A8BDCC #C5C0FF

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

#A8BDCC - #C5C0FF | 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 #A8BDCC as 0% and #C5C0FF as 100%.

0.0%	0.0% #A8BDCC	RGB 168 189 204	#A8BDCC
16.7%	16.7% #ACBDD4	RGB 172 189 212	#ACBDD4
33.3%	33.3% #B1BEDD	RGB 177 190 221	#B1BEDD
50.0%	50.0% #B6BEE5	RGB 182 190 229	#B6BEE5
66.7%	66.7% #BBBFEE	RGB 187 191 238	#BBBFEE
83.3%	83.3% #C0BFF6	RGB 192 191 246	#C0BFF6
100.0%	100.0% #C5C0FF	RGB 197 192 255	#C5C0FF

#A8BDCC #ACBDD4 #B1BEDD #B6BEE5 #BBBFEE #C0BFF6 #C5C0FF

#A8BDCC - #C5C0FF

HSV Blend

#A8BDCC - #C5C0FF | 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 #A8BDCC as 0% and #C5C0FF as 100%.

0.0%	0.0% #A8BDCC	RGB 168 189 204	#A8BDCC
16.7%	16.7% #ACBFD4	RGB 172 191 212	#ACBFD4
33.3%	33.3% #B0C0DD	RGB 176 192 221	#B0C0DD
50.0%	50.0% #B4C1E5	RGB 180 193 229	#B4C1E5
66.7%	66.7% #B8C0EE	RGB 184 192 238	#B8C0EE
83.3%	83.3% #BCBEF6	RGB 188 190 246	#BCBEF6
100.0%	100.0% #C5C0FF	RGB 197 192 255	#C5C0FF

#A8BDCC #ACBFD4 #B0C0DD #B4C1E5 #B8C0EE #BCBEF6 #C5C0FF

#A8BDCC - #B4C1E5 - #C5C0FF

CSS codes

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

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