#A8D8CC - #D6E3C0 | 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 #A8D8CC to #D6E3C0

#A8D8CC #D6E3C0

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

#A8D8CC - #D6E3C0 | 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 #A8D8CC as 0% and #D6E3C0 as 100%.

0.0%	0.0% #A8D8CC	RGB 168 216 204	#A8D8CC
16.7%	16.7% #AFD9CA	RGB 175 217 202	#AFD9CA
33.3%	33.3% #B7DBC8	RGB 183 219 200	#B7DBC8
50.0%	50.0% #BFDDC6	RGB 191 221 198	#BFDDC6
66.7%	66.7% #C6DFC4	RGB 198 223 196	#C6DFC4
83.3%	83.3% #CEE1C2	RGB 206 225 194	#CEE1C2
100.0%	100.0% #D6E3C0	RGB 214 227 192	#D6E3C0

#A8D8CC #AFD9CA #B7DBC8 #BFDDC6 #C6DFC4 #CEE1C2 #D6E3C0

#A8D8CC - #D6E3C0

HSV Blend

#A8D8CC - #D6E3C0 | 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 #A8D8CC as 0% and #D6E3C0 as 100%.

0.0%	0.0% #A8D8CC	RGB 168 216 204	#A8D8CC
16.7%	16.7% #ABD9C3	RGB 171 217 195	#ABD9C3
33.3%	33.3% #AFDBBC	RGB 175 219 188	#AFDBBC
50.0%	50.0% #B3DDB6	RGB 179 221 182	#B3DDB6
66.7%	66.7% #BEDFB7	RGB 190 223 183	#BEDFB7
83.3%	83.3% #CAE1BB	RGB 202 225 187	#CAE1BB
100.0%	100.0% #D6E3C0	RGB 214 227 192	#D6E3C0

#A8D8CC #ABD9C3 #AFDBBC #B3DDB6 #BEDFB7 #CAE1BB #D6E3C0

#A8D8CC - #B3DDB6 - #D6E3C0

CSS codes

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

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