#AF9DDA - #C7CADB | 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 #AF9DDA to #C7CADB

#AF9DDA #C7CADB

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

#AF9DDA - #C7CADB | 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 #AF9DDA as 0% and #C7CADB as 100%.

0.0%	0.0% #AF9DDA	RGB 175 157 218	#AF9DDA
16.7%	16.7% #B3A4DA	RGB 179 164 218	#B3A4DA
33.3%	33.3% #B7ACDA	RGB 183 172 218	#B7ACDA
50.0%	50.0% #BBB3DA	RGB 187 179 218	#BBB3DA
66.7%	66.7% #BFBBDA	RGB 191 187 218	#BFBBDA
83.3%	83.3% #C3C2DA	RGB 195 194 218	#C3C2DA
100.0%	100.0% #C7CADB	RGB 199 202 219	#C7CADB

#AF9DDA #B3A4DA #B7ACDA #BBB3DA #BFBBDA #C3C2DA #C7CADB

#AF9DDA - #C7CADB

HSV Blend

#AF9DDA - #C7CADB | 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 #AF9DDA as 0% and #C7CADB as 100%.

0.0%	0.0% #AE9DDA	RGB 174 157 218	#AE9DDA
16.7%	16.7% #AFA3DA	RGB 175 163 218	#AFA3DA
33.3%	33.3% #B1AADA	RGB 177 170 218	#B1AADA
50.0%	50.0% #B4B1DA	RGB 180 177 218	#B4B1DA
66.7%	66.7% #B8B9DA	RGB 184 185 218	#B8B9DA
83.3%	83.3% #BFC2DA	RGB 191 194 218	#BFC2DA
100.0%	100.0% #C7CADB	RGB 199 202 219	#C7CADB

#AE9DDA #AFA3DA #B1AADA #B4B1DA #B8B9DA #BFC2DA #C7CADB

#AF9DDA - #B4B1DA - #C7CADB

CSS codes

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

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