#A8BDC1 - #EBDFD0 | 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 #A8BDC1 to #EBDFD0

#A8BDC1 #EBDFD0

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

#A8BDC1 - #EBDFD0 | 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 #A8BDC1 as 0% and #EBDFD0 as 100%.

0.0%	0.0% #A8BDC1	RGB 168 189 193	#A8BDC1
16.7%	16.7% #B3C2C3	RGB 179 194 195	#B3C2C3
33.3%	33.3% #BEC8C6	RGB 190 200 198	#BEC8C6
50.0%	50.0% #C9CEC8	RGB 201 206 200	#C9CEC8
66.7%	66.7% #D4D3CB	RGB 212 211 203	#D4D3CB
83.3%	83.3% #DFD9CD	RGB 223 217 205	#DFD9CD
100.0%	100.0% #EBDFD0	RGB 235 223 208	#EBDFD0

#A8BDC1 #B3C2C3 #BEC8C6 #C9CEC8 #D4D3CB #DFD9CD #EBDFD0

#A8BDC1 - #EBDFD0

HSV Blend

#A8BDC1 - #EBDFD0 | 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 #A8BDC1 as 0% and #EBDFD0 as 100%.

0.0%	0.0% #A8BDC1	RGB 168 189 193	#A8BDC1
16.7%	16.7% #AEC8C1	RGB 174 200 193	#AEC8C1
33.3%	33.3% #B5CFBC	RGB 181 207 188	#B5CFBC
50.0%	50.0% #BFD6BB	RGB 191 214 187	#BFD6BB
66.7%	66.7% #D1DDC2	RGB 209 221 194	#D1DDC2
83.3%	83.3% #E4E3C9	RGB 228 227 201	#E4E3C9
100.0%	100.0% #EBDFD0	RGB 235 223 208	#EBDFD0

#A8BDC1 #AEC8C1 #B5CFBC #BFD6BB #D1DDC2 #E4E3C9 #EBDFD0

#A8BDC1 - #BFD6BB - #EBDFD0

CSS codes

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

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