#A8B6FF - #C0FDCB | 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 #A8B6FF to #C0FDCB

#A8B6FF #C0FDCB

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

#A8B6FF - #C0FDCB | 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 #A8B6FF as 0% and #C0FDCB as 100%.

0.0%	0.0% #A8B6FF	RGB 168 182 255	#A8B6FF
16.7%	16.7% #ACC1F6	RGB 172 193 246	#ACC1F6
33.3%	33.3% #B0CDED	RGB 176 205 237	#B0CDED
50.0%	50.0% #B4D9E5	RGB 180 217 229	#B4D9E5
66.7%	66.7% #B8E5DC	RGB 184 229 220	#B8E5DC
83.3%	83.3% #BCF1D3	RGB 188 241 211	#BCF1D3
100.0%	100.0% #C0FDCB	RGB 192 253 203	#C0FDCB

#A8B6FF #ACC1F6 #B0CDED #B4D9E5 #B8E5DC #BCF1D3 #C0FDCB

#A8B6FF - #C0FDCB

HSV Blend

#A8B6FF - #C0FDCB | 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 #A8B6FF as 0% and #C0FDCB as 100%.

0.0%	0.0% #A8B6FF	RGB 168 182 255	#A8B6FF
16.7%	16.7% #ACD0FE	RGB 172 208 254	#ACD0FE
33.3%	33.3% #B0E7FE	RGB 176 231 254	#B0E7FE
50.0%	50.0% #B4FDFE	RGB 180 253 254	#B4FDFE
66.7%	66.7% #B8FDEB	RGB 184 253 235	#B8FDEB
83.3%	83.3% #BCFDD9	RGB 188 253 217	#BCFDD9
100.0%	100.0% #C0FDCB	RGB 192 253 203	#C0FDCB

#A8B6FF #ACD0FE #B0E7FE #B4FDFE #B8FDEB #BCFDD9 #C0FDCB

#A8B6FF - #B4FDFE - #C0FDCB

CSS codes

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

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