#AF3C8D - #C9BFD5 | 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 #AF3C8D to #C9BFD5

#AF3C8D #C9BFD5

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

#AF3C8D - #C9BFD5 | 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 #AF3C8D as 0% and #C9BFD5 as 100%.

0.0%	0.0% #AF3C8D	RGB 175 60 141	#AF3C8D
16.7%	16.7% #B35199	RGB 179 81 153	#B35199
33.3%	33.3% #B767A5	RGB 183 103 165	#B767A5
50.0%	50.0% #BC7DB1	RGB 188 125 177	#BC7DB1
66.7%	66.7% #C093BD	RGB 192 147 189	#C093BD
83.3%	83.3% #C4A9C9	RGB 196 169 201	#C4A9C9
100.0%	100.0% #C9BFD5	RGB 201 191 213	#C9BFD5

#AF3C8D #B35199 #B767A5 #BC7DB1 #C093BD #C4A9C9 #C9BFD5

#AF3C8D - #C9BFD5

HSV Blend

#AF3C8D - #C9BFD5 | 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 #AF3C8D as 0% and #C9BFD5 as 100%.

0.0%	0.0% #AF3C8C	RGB 175 60 140	#AF3C8C
16.7%	16.7% #B54EA5	RGB 181 78 165	#B54EA5
33.3%	33.3% #BB62BA	RGB 187 98 186	#BB62BA
50.0%	50.0% #B878C2	RGB 184 120 194	#B878C2
66.7%	66.7% #B98EC8	RGB 185 142 200	#B98EC8
83.3%	83.3% #BEA6CE	RGB 190 166 206	#BEA6CE
100.0%	100.0% #C9BFD5	RGB 201 191 213	#C9BFD5

#AF3C8C #B54EA5 #BB62BA #B878C2 #B98EC8 #BEA6CE #C9BFD5

#AF3C8D - #B878C2 - #C9BFD5

CSS codes

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

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