#A8B0CC - #DCC0FF | 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 #A8B0CC to #DCC0FF

#A8B0CC #DCC0FF

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

#A8B0CC - #DCC0FF | 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 #A8B0CC as 0% and #DCC0FF as 100%.

0.0%	0.0% #A8B0CC	RGB 168 176 204	#A8B0CC
16.7%	16.7% #B0B2D4	RGB 176 178 212	#B0B2D4
33.3%	33.3% #B9B5DD	RGB 185 181 221	#B9B5DD
50.0%	50.0% #C2B8E5	RGB 194 184 229	#C2B8E5
66.7%	66.7% #CABAEE	RGB 202 186 238	#CABAEE
83.3%	83.3% #D3BDF6	RGB 211 189 246	#D3BDF6
100.0%	100.0% #DCC0FF	RGB 220 192 255	#DCC0FF

#A8B0CC #B0B2D4 #B9B5DD #C2B8E5 #CABAEE #D3BDF6 #DCC0FF

#A8B0CC - #DCC0FF

HSV Blend

#A8B0CC - #DCC0FF | 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 #A8B0CC as 0% and #DCC0FF as 100%.

0.0%	0.0% #A8B0CC	RGB 168 176 204	#A8B0CC
16.7%	16.7% #ACB0D4	RGB 172 176 212	#ACB0D4
33.3%	33.3% #B0B0DD	RGB 176 176 221	#B0B0DD
50.0%	50.0% #BAB4E5	RGB 186 180 229	#BAB4E5
66.7%	66.7% #C4B8EE	RGB 196 184 238	#C4B8EE
83.3%	83.3% #CFBCF6	RGB 207 188 246	#CFBCF6
100.0%	100.0% #DCC0FF	RGB 220 192 255	#DCC0FF

#A8B0CC #ACB0D4 #B0B0DD #BAB4E5 #C4B8EE #CFBCF6 #DCC0FF

#A8B0CC - #BAB4E5 - #DCC0FF

CSS codes

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

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