#AF8DF5 - #C0E9D0 | 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 #AF8DF5 to #C0E9D0

#AF8DF5 #C0E9D0

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

#AF8DF5 - #C0E9D0 | 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 #AF8DF5 as 0% and #C0E9D0 as 100%.

0.0%	0.0% #AF8DF5	RGB 175 141 245	#AF8DF5
16.7%	16.7% #B19CEE	RGB 177 156 238	#B19CEE
33.3%	33.3% #B4ABE8	RGB 180 171 232	#B4ABE8
50.0%	50.0% #B7BBE2	RGB 183 187 226	#B7BBE2
66.7%	66.7% #BACADC	RGB 186 202 220	#BACADC
83.3%	83.3% #BDD9D6	RGB 189 217 214	#BDD9D6
100.0%	100.0% #C0E9D0	RGB 192 233 208	#C0E9D0

#AF8DF5 #B19CEE #B4ABE8 #B7BBE2 #BACADC #BDD9D6 #C0E9D0

#AF8DF5 - #C0E9D0

HSV Blend

#AF8DF5 - #C0E9D0 | 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 #AF8DF5 as 0% and #C0E9D0 as 100%.

0.0%	0.0% #AF8DF5	RGB 175 141 245	#AF8DF5
16.7%	16.7% #9695F3	RGB 150 149 243	#9695F3
33.3%	33.3% #9EB8F1	RGB 158 184 241	#9EB8F1
50.0%	50.0% #A7D5EF	RGB 167 213 239	#A7D5EF
66.7%	66.7% #AFEAED	RGB 175 234 237	#AFEAED
83.3%	83.3% #B7EBDC	RGB 183 235 220	#B7EBDC
100.0%	100.0% #C0E9D0	RGB 192 233 208	#C0E9D0

#AF8DF5 #9695F3 #9EB8F1 #A7D5EF #AFEAED #B7EBDC #C0E9D0

#AF8DF5 - #A7D5EF - #C0E9D0

CSS codes

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

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