#C8BCCC - #AC68B5 | 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 #C8BCCC to #AC68B5

#C8BCCC #AC68B5

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

#C8BCCC - #AC68B5 | 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 #C8BCCC as 0% and #AC68B5 as 100%.

0.0%	0.0% #C8BCCC	RGB 200 188 204	#C8BCCC
16.7%	16.7% #C3AEC8	RGB 195 174 200	#C3AEC8
33.3%	33.3% #BEA0C4	RGB 190 160 196	#BEA0C4
50.0%	50.0% #BA92C0	RGB 186 146 192	#BA92C0
66.7%	66.7% #B584BC	RGB 181 132 188	#B584BC
83.3%	83.3% #B076B8	RGB 176 118 184	#B076B8
100.0%	100.0% #AC68B5	RGB 172 104 181	#AC68B5

#C8BCCC #C3AEC8 #BEA0C4 #BA92C0 #B584BC #B076B8 #AC68B5

#C8BCCC - #AC68B5

HSV Blend

#C8BCCC - #AC68B5 | 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 #C8BCCC as 0% and #AC68B5 as 100%.

0.0%	0.0% #C8BCCC	RGB 200 188 204	#C8BCCC
16.7%	16.7% #C1ACC8	RGB 193 172 200	#C1ACC8
33.3%	33.3% #BC9EC4	RGB 188 158 196	#BC9EC4
50.0%	50.0% #B790C0	RGB 183 144 192	#B790C0
66.7%	66.7% #B382BC	RGB 179 130 188	#B382BC
83.3%	83.3% #AF74B8	RGB 175 116 184	#AF74B8
100.0%	100.0% #AC68B5	RGB 172 104 181	#AC68B5

#C8BCCC #C1ACC8 #BC9EC4 #B790C0 #B382BC #AF74B8 #AC68B5

#C8BCCC - #B790C0 - #AC68B5

CSS codes

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

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