#A8BBC1 - #EBE0D0 | 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 #A8BBC1 to #EBE0D0

#A8BBC1 #EBE0D0

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

#A8BBC1 - #EBE0D0 | 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 #A8BBC1 as 0% and #EBE0D0 as 100%.

0.0%	0.0% #A8BBC1	RGB 168 187 193	#A8BBC1
16.7%	16.7% #B3C1C3	RGB 179 193 195	#B3C1C3
33.3%	33.3% #BEC7C6	RGB 190 199 198	#BEC7C6
50.0%	50.0% #C9CDC8	RGB 201 205 200	#C9CDC8
66.7%	66.7% #D4D3CB	RGB 212 211 203	#D4D3CB
83.3%	83.3% #DFD9CD	RGB 223 217 205	#DFD9CD
100.0%	100.0% #EBE0D0	RGB 235 224 208	#EBE0D0

#A8BBC1 #B3C1C3 #BEC7C6 #C9CDC8 #D4D3CB #DFD9CD #EBE0D0

#A8BBC1 - #EBE0D0

HSV Blend

#A8BBC1 - #EBE0D0 | 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 #A8BBC1 as 0% and #EBE0D0 as 100%.

0.0%	0.0% #A8BBC1	RGB 168 187 193	#A8BBC1
16.7%	16.7% #AEC8C2	RGB 174 200 194	#AEC8C2
33.3%	33.3% #B5CFBE	RGB 181 207 190	#B5CFBE
50.0%	50.0% #BED6BB	RGB 190 214 187	#BED6BB
66.7%	66.7% #D0DDC2	RGB 208 221 194	#D0DDC2
83.3%	83.3% #E3E4C9	RGB 227 228 201	#E3E4C9
100.0%	100.0% #EBE0D0	RGB 235 224 208	#EBE0D0

#A8BBC1 #AEC8C2 #B5CFBE #BED6BB #D0DDC2 #E3E4C9 #EBE0D0

#A8BBC1 - #BED6BB - #EBE0D0

CSS codes

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

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