#6600A8 - #AFACEE | 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 #6600A8 to #AFACEE

#6600A8 #AFACEE

Calculate the color between two colors, #6600A8 and #AFACEE. 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)

#6600A8 - #AFACEE | 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 #6600A8 as 0% and #AFACEE as 100%.

0.0%	0.0% #6600A8	RGB 102 0 168	#6600A8
16.7%	16.7% #721CB3	RGB 114 28 179	#721CB3
33.3%	33.3% #7E39BF	RGB 126 57 191	#7E39BF
50.0%	50.0% #8A56CB	RGB 138 86 203	#8A56CB
66.7%	66.7% #9672D6	RGB 150 114 214	#9672D6
83.3%	83.3% #A28FE2	RGB 162 143 226	#A28FE2
100.0%	100.0% #AFACEE	RGB 175 172 238	#AFACEE

#6600A8 #721CB3 #7E39BF #8A56CB #9672D6 #A28FE2 #AFACEE

#6600A8 - #AFACEE

HSV Blend

#6600A8 - #AFACEE | 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 #6600A8 as 0% and #AFACEE as 100%.

0.0%	0.0% #6500A8	RGB 101 0 168	#6500A8
16.7%	16.7% #6615B3	RGB 102 21 179	#6615B3
33.3%	33.3% #6B2EBF	RGB 107 46 191	#6B2EBF
50.0%	50.0% #7349CB	RGB 115 73 203	#7349CB
66.7%	66.7% #8167D6	RGB 129 103 214	#8167D6
83.3%	83.3% #9488E2	RGB 148 136 226	#9488E2
100.0%	100.0% #AFACEE	RGB 175 172 238	#AFACEE

#6500A8 #6615B3 #6B2EBF #7349CB #8167D6 #9488E2 #AFACEE

#6600A8 - #7349CB - #AFACEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6500A8 0%, #7349CB 50%, #AFACEE 100%);
    background: -webkit-linear-gradient(top, #6500A8 0%, #7349CB 50%, #AFACEE 100%);
    background: linear-gradient(to bottom, #6500A8 0%, #7349CB 50%, #AFACEE 100%);
}
</style>