#A2AFC2 - #CAC2FF | 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 #A2AFC2 to #CAC2FF

#A2AFC2 #CAC2FF

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

#A2AFC2 - #CAC2FF | 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 #A2AFC2 as 0% and #CAC2FF as 100%.

0.0%	0.0% #A2AFC2	RGB 162 175 194	#A2AFC2
16.7%	16.7% #A8B2CC	RGB 168 178 204	#A8B2CC
33.3%	33.3% #AFB5D6	RGB 175 181 214	#AFB5D6
50.0%	50.0% #B6B8E0	RGB 182 184 224	#B6B8E0
66.7%	66.7% #BCBBEA	RGB 188 187 234	#BCBBEA
83.3%	83.3% #C3BEF4	RGB 195 190 244	#C3BEF4
100.0%	100.0% #CAC2FF	RGB 202 194 255	#CAC2FF

#A2AFC2 #A8B2CC #AFB5D6 #B6B8E0 #BCBBEA #C3BEF4 #CAC2FF

#A2AFC2 - #CAC2FF

HSV Blend

#A2AFC2 - #CAC2FF | 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 #A2AFC2 as 0% and #CAC2FF as 100%.

0.0%	0.0% #A2AFC2	RGB 162 175 194	#A2AFC2
16.7%	16.7% #A7B3CC	RGB 167 179 204	#A7B3CC
33.3%	33.3% #ADB6D6	RGB 173 182 214	#ADB6D6
50.0%	50.0% #B3B9E0	RGB 179 185 224	#B3B9E0
66.7%	66.7% #B8BAEA	RGB 184 186 234	#B8BAEA
83.3%	83.3% #BFBDF4	RGB 191 189 244	#BFBDF4
100.0%	100.0% #CAC2FF	RGB 202 194 255	#CAC2FF

#A2AFC2 #A7B3CC #ADB6D6 #B3B9E0 #B8BAEA #BFBDF4 #CAC2FF

#A2AFC2 - #B3B9E0 - #CAC2FF

CSS codes

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

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