#A8C6B8 - #FBC6FF | 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 #A8C6B8 to #FBC6FF

#A8C6B8 #FBC6FF

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

#A8C6B8 - #FBC6FF | 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 #A8C6B8 as 0% and #FBC6FF as 100%.

0.0%	0.0% #A8C6B8	RGB 168 198 184	#A8C6B8
16.7%	16.7% #B5C6C3	RGB 181 198 195	#B5C6C3
33.3%	33.3% #C3C6CF	RGB 195 198 207	#C3C6CF
50.0%	50.0% #D1C6DB	RGB 209 198 219	#D1C6DB
66.7%	66.7% #DFC6E7	RGB 223 198 231	#DFC6E7
83.3%	83.3% #EDC6F3	RGB 237 198 243	#EDC6F3
100.0%	100.0% #FBC6FF	RGB 251 198 255	#FBC6FF

#A8C6B8 #B5C6C3 #C3C6CF #D1C6DB #DFC6E7 #EDC6F3 #FBC6FF

#A8C6B8 - #FBC6FF

HSV Blend

#A8C6B8 - #FBC6FF | 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 #A8C6B8 as 0% and #FBC6FF as 100%.

0.0%	0.0% #A8C6B8	RGB 168 198 184	#A8C6B8
16.7%	16.7% #ADCFCD	RGB 173 207 205	#ADCFCD
33.3%	33.3% #B2CCD9	RGB 178 204 217	#B2CCD9
50.0%	50.0% #B8C3E2	RGB 184 195 226	#B8C3E2
66.7%	66.7% #C3BCEC	RGB 195 188 236	#C3BCEC
83.3%	83.3% #DDC1F5	RGB 221 193 245	#DDC1F5
100.0%	100.0% #FBC6FF	RGB 251 198 255	#FBC6FF

#A8C6B8 #ADCFCD #B2CCD9 #B8C3E2 #C3BCEC #DDC1F5 #FBC6FF

#A8C6B8 - #B8C3E2 - #FBC6FF

CSS codes

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

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