#A8C4BC - #C4DFFF | 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 #A8C4BC to #C4DFFF

#A8C4BC #C4DFFF

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

#A8C4BC - #C4DFFF | 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 #A8C4BC as 0% and #C4DFFF as 100%.

0.0%	0.0% #A8C4BC	RGB 168 196 188	#A8C4BC
16.7%	16.7% #ACC8C7	RGB 172 200 199	#ACC8C7
33.3%	33.3% #B1CDD2	RGB 177 205 210	#B1CDD2
50.0%	50.0% #B6D1DD	RGB 182 209 221	#B6D1DD
66.7%	66.7% #BAD6E8	RGB 186 214 232	#BAD6E8
83.3%	83.3% #BFDAF3	RGB 191 218 243	#BFDAF3
100.0%	100.0% #C4DFFF	RGB 196 223 255	#C4DFFF

#A8C4BC #ACC8C7 #B1CDD2 #B6D1DD #BAD6E8 #BFDAF3 #C4DFFF

#A8C4BC - #C4DFFF

HSV Blend

#A8C4BC - #C4DFFF | 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 #A8C4BC as 0% and #C4DFFF as 100%.

0.0%	0.0% #A8C4BC	RGB 168 196 188	#A8C4BC
16.7%	16.7% #ADCDC9	RGB 173 205 201	#ADCDC9
33.3%	33.3% #B2D7D7	RGB 178 215 215	#B2D7D7
50.0%	50.0% #B7DCE1	RGB 183 220 225	#B7DCE1
66.7%	66.7% #BBDEEB	RGB 187 222 235	#BBDEEB
83.3%	83.3% #C0DFF5	RGB 192 223 245	#C0DFF5
100.0%	100.0% #C4DFFF	RGB 196 223 255	#C4DFFF

#A8C4BC #ADCDC9 #B2D7D7 #B7DCE1 #BBDEEB #C0DFF5 #C4DFFF

#A8C4BC - #B7DCE1 - #C4DFFF

CSS codes

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

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