#A8C4C1 - #CCCFFF | 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 #A8C4C1 to #CCCFFF

#A8C4C1 #CCCFFF

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

#A8C4C1 - #CCCFFF | 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 #A8C4C1 as 0% and #CCCFFF as 100%.

0.0%	0.0% #A8C4C1	RGB 168 196 193	#A8C4C1
16.7%	16.7% #AEC5CB	RGB 174 197 203	#AEC5CB
33.3%	33.3% #B4C7D5	RGB 180 199 213	#B4C7D5
50.0%	50.0% #BAC9E0	RGB 186 201 224	#BAC9E0
66.7%	66.7% #C0CBEA	RGB 192 203 234	#C0CBEA
83.3%	83.3% #C6CDF4	RGB 198 205 244	#C6CDF4
100.0%	100.0% #CCCFFF	RGB 204 207 255	#CCCFFF

#A8C4C1 #AEC5CB #B4C7D5 #BAC9E0 #C0CBEA #C6CDF4 #CCCFFF

#A8C4C1 - #CCCFFF

HSV Blend

#A8C4C1 - #CCCFFF | 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 #A8C4C1 as 0% and #CCCFFF as 100%.

0.0%	0.0% #A8C4C1	RGB 168 196 193	#A8C4C1
16.7%	16.7% #AECBCD	RGB 174 203 205	#AECBCD
33.3%	33.3% #B4CFD7	RGB 180 207 215	#B4CFD7
50.0%	50.0% #BAD1E1	RGB 186 209 225	#BAD1E1
66.7%	66.7% #C0D2EB	RGB 192 210 235	#C0D2EB
83.3%	83.3% #C6D1F5	RGB 198 209 245	#C6D1F5
100.0%	100.0% #CCCFFF	RGB 204 207 255	#CCCFFF

#A8C4C1 #AECBCD #B4CFD7 #BAD1E1 #C0D2EB #C6D1F5 #CCCFFF

#A8C4C1 - #BAD1E1 - #CCCFFF

CSS codes

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

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