#A8BCBE - #ECDFCF | 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 #A8BCBE to #ECDFCF

#A8BCBE #ECDFCF

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

#A8BCBE - #ECDFCF | 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 #A8BCBE as 0% and #ECDFCF as 100%.

0.0%	0.0% #A8BCBE	RGB 168 188 190	#A8BCBE
16.7%	16.7% #B3C1C0	RGB 179 193 192	#B3C1C0
33.3%	33.3% #BEC7C3	RGB 190 199 195	#BEC7C3
50.0%	50.0% #CACDC6	RGB 202 205 198	#CACDC6
66.7%	66.7% #D5D3C9	RGB 213 211 201	#D5D3C9
83.3%	83.3% #E0D9CC	RGB 224 217 204	#E0D9CC
100.0%	100.0% #ECDFCF	RGB 236 223 207	#ECDFCF

#A8BCBE #B3C1C0 #BEC7C3 #CACDC6 #D5D3C9 #E0D9CC #ECDFCF

#A8BCBE - #ECDFCF

HSV Blend

#A8BCBE - #ECDFCF | 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 #A8BCBE as 0% and #ECDFCF as 100%.

0.0%	0.0% #A8BCBE	RGB 168 188 190	#A8BCBE
16.7%	16.7% #AEC5BD	RGB 174 197 189	#AEC5BD
33.3%	33.3% #B5CDBB	RGB 181 205 187	#B5CDBB
50.0%	50.0% #C0D5BB	RGB 192 213 187	#C0D5BB
66.7%	66.7% #D2DCC2	RGB 210 220 194	#D2DCC2
83.3%	83.3% #E4E3C8	RGB 228 227 200	#E4E3C8
100.0%	100.0% #ECDFCF	RGB 236 223 207	#ECDFCF

#A8BCBE #AEC5BD #B5CDBB #C0D5BB #D2DCC2 #E4E3C8 #ECDFCF

#A8BCBE - #C0D5BB - #ECDFCF

CSS codes

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

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