#A8DCD7 - #D0E5BF | 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 #A8DCD7 to #D0E5BF

#A8DCD7 #D0E5BF

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

#A8DCD7 - #D0E5BF | 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 #A8DCD7 as 0% and #D0E5BF as 100%.

0.0%	0.0% #A8DCD7	RGB 168 220 215	#A8DCD7
16.7%	16.7% #AEDDD3	RGB 174 221 211	#AEDDD3
33.3%	33.3% #B5DFCF	RGB 181 223 207	#B5DFCF
50.0%	50.0% #BCE0CB	RGB 188 224 203	#BCE0CB
66.7%	66.7% #C2E2C7	RGB 194 226 199	#C2E2C7
83.3%	83.3% #C9E3C3	RGB 201 227 195	#C9E3C3
100.0%	100.0% #D0E5BF	RGB 208 229 191	#D0E5BF

#A8DCD7 #AEDDD3 #B5DFCF #BCE0CB #C2E2C7 #C9E3C3 #D0E5BF

#A8DCD7 - #D0E5BF

HSV Blend

#A8DCD7 - #D0E5BF | 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 #A8DCD7 as 0% and #D0E5BF as 100%.

0.0%	0.0% #A8DCD7	RGB 168 220 215	#A8DCD7
16.7%	16.7% #ABDDCD	RGB 171 221 205	#ABDDCD
33.3%	33.3% #AFDFC5	RGB 175 223 197	#AFDFC5
50.0%	50.0% #B3E0BD	RGB 179 224 189	#B3E0BD
66.7%	66.7% #B7E2B7	RGB 183 226 183	#B7E2B7
83.3%	83.3% #C4E3BB	RGB 196 227 187	#C4E3BB
100.0%	100.0% #D0E5BF	RGB 208 229 191	#D0E5BF

#A8DCD7 #ABDDCD #AFDFC5 #B3E0BD #B7E2B7 #C4E3BB #D0E5BF

#A8DCD7 - #B3E0BD - #D0E5BF

CSS codes

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

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