#A8CCC2 - #EBD6D6 | 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 #A8CCC2 to #EBD6D6

#A8CCC2 #EBD6D6

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

#A8CCC2 - #EBD6D6 | 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 #A8CCC2 as 0% and #EBD6D6 as 100%.

0.0%	0.0% #A8CCC2	RGB 168 204 194	#A8CCC2
16.7%	16.7% #B3CDC5	RGB 179 205 197	#B3CDC5
33.3%	33.3% #BECFC8	RGB 190 207 200	#BECFC8
50.0%	50.0% #C9D1CC	RGB 201 209 204	#C9D1CC
66.7%	66.7% #D4D2CF	RGB 212 210 207	#D4D2CF
83.3%	83.3% #DFD4D2	RGB 223 212 210	#DFD4D2
100.0%	100.0% #EBD6D6	RGB 235 214 214	#EBD6D6

#A8CCC2 #B3CDC5 #BECFC8 #C9D1CC #D4D2CF #DFD4D2 #EBD6D6

#A8CCC2 - #EBD6D6

HSV Blend

#A8CCC2 - #EBD6D6 | 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 #A8CCC2 as 0% and #EBD6D6 as 100%.

0.0%	0.0% #A8CCC2	RGB 168 204 194	#A8CCC2
16.7%	16.7% #AFD1B8	RGB 175 209 184	#AFD1B8
33.3%	33.3% #BCD6B6	RGB 188 214 182	#BCD6B6
50.0%	50.0% #D0DBBE	RGB 208 219 190	#D0DBBE
66.7%	66.7% #E0DEC6	RGB 224 222 198	#E0DEC6
83.3%	83.3% #E5D8CD	RGB 229 216 205	#E5D8CD
100.0%	100.0% #EBD6D6	RGB 235 214 214	#EBD6D6

#A8CCC2 #AFD1B8 #BCD6B6 #D0DBBE #E0DEC6 #E5D8CD #EBD6D6

#A8CCC2 - #D0DBBE - #EBD6D6

CSS codes

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

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