#A2A2FF - #C0FACB | 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 #A2A2FF to #C0FACB

#A2A2FF #C0FACB

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

#A2A2FF - #C0FACB | 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 #A2A2FF as 0% and #C0FACB as 100%.

0.0%	0.0% #A2A2FF	RGB 162 162 255	#A2A2FF
16.7%	16.7% #A7B0F6	RGB 167 176 246	#A7B0F6
33.3%	33.3% #ACBFED	RGB 172 191 237	#ACBFED
50.0%	50.0% #B1CEE5	RGB 177 206 229	#B1CEE5
66.7%	66.7% #B6DCDC	RGB 182 220 220	#B6DCDC
83.3%	83.3% #BBEBD3	RGB 187 235 211	#BBEBD3
100.0%	100.0% #C0FACB	RGB 192 250 203	#C0FACB

#A2A2FF #A7B0F6 #ACBFED #B1CEE5 #B6DCDC #BBEBD3 #C0FACB

#A2A2FF - #C0FACB

HSV Blend

#A2A2FF - #C0FACB | 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 #A2A2FF as 0% and #C0FACB as 100%.

0.0%	0.0% #A2A2FF	RGB 162 162 255	#A2A2FF
16.7%	16.7% #A7C1FE	RGB 167 193 254	#A7C1FE
33.3%	33.3% #ACDDFD	RGB 172 221 253	#ACDDFD
50.0%	50.0% #B1F5FC	RGB 177 245 252	#B1F5FC
66.7%	66.7% #B6FBED	RGB 182 251 237	#B6FBED
83.3%	83.3% #BBFADA	RGB 187 250 218	#BBFADA
100.0%	100.0% #C0FACB	RGB 192 250 203	#C0FACB

#A2A2FF #A7C1FE #ACDDFD #B1F5FC #B6FBED #BBFADA #C0FACB

#A2A2FF - #B1F5FC - #C0FACB

CSS codes

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

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