#A8C9BB - #EBD4D4 | 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 #A8C9BB to #EBD4D4

#A8C9BB #EBD4D4

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

#A8C9BB - #EBD4D4 | 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 #A8C9BB as 0% and #EBD4D4 as 100%.

0.0%	0.0% #A8C9BB	RGB 168 201 187	#A8C9BB
16.7%	16.7% #B3CABF	RGB 179 202 191	#B3CABF
33.3%	33.3% #BECCC3	RGB 190 204 195	#BECCC3
50.0%	50.0% #C9CEC7	RGB 201 206 199	#C9CEC7
66.7%	66.7% #D4D0CB	RGB 212 208 203	#D4D0CB
83.3%	83.3% #DFD2CF	RGB 223 210 207	#DFD2CF
100.0%	100.0% #EBD4D4	RGB 235 212 212	#EBD4D4

#A8C9BB #B3CABF #BECCC3 #C9CEC7 #D4D0CB #DFD2CF #EBD4D4

#A8C9BB - #EBD4D4

HSV Blend

#A8C9BB - #EBD4D4 | 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 #A8C9BB as 0% and #EBD4D4 as 100%.

0.0%	0.0% #A8C9BB	RGB 168 201 187	#A8C9BB
16.7%	16.7% #AFCEB3	RGB 175 206 179	#AFCEB3
33.3%	33.3% #BED4B6	RGB 190 212 182	#BED4B6
50.0%	50.0% #D1DABD	RGB 209 218 189	#D1DABD
66.7%	66.7% #DFDBC4	RGB 223 219 196	#DFDBC4
83.3%	83.3% #E5D7CC	RGB 229 215 204	#E5D7CC
100.0%	100.0% #EBD4D4	RGB 235 212 212	#EBD4D4

#A8C9BB #AFCEB3 #BED4B6 #D1DABD #DFDBC4 #E5D7CC #EBD4D4

#A8C9BB - #D1DABD - #EBD4D4

CSS codes

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

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