#A8B1C6 - #E5E3D0 | 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 #A8B1C6 to #E5E3D0

#A8B1C6 #E5E3D0

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

#A8B1C6 - #E5E3D0 | 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 #A8B1C6 as 0% and #E5E3D0 as 100%.

0.0%	0.0% #A8B1C6	RGB 168 177 198	#A8B1C6
16.7%	16.7% #B2B9C7	RGB 178 185 199	#B2B9C7
33.3%	33.3% #BCC1C9	RGB 188 193 201	#BCC1C9
50.0%	50.0% #C6CACB	RGB 198 202 203	#C6CACB
66.7%	66.7% #D0D2CC	RGB 208 210 204	#D0D2CC
83.3%	83.3% #DADACE	RGB 218 218 206	#DADACE
100.0%	100.0% #E5E3D0	RGB 229 227 208	#E5E3D0

#A8B1C6 #B2B9C7 #BCC1C9 #C6CACB #D0D2CC #DADACE #E5E3D0

#A8B1C6 - #E5E3D0

HSV Blend

#A8B1C6 - #E5E3D0 | 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 #A8B1C6 as 0% and #E5E3D0 as 100%.

0.0%	0.0% #A8B1C6	RGB 168 177 198	#A8B1C6
16.7%	16.7% #AEC4CB	RGB 174 196 203	#AEC4CB
33.3%	33.3% #B4D0C9	RGB 180 208 201	#B4D0C9
50.0%	50.0% #BBD5C3	RGB 187 213 195	#BBD5C3
66.7%	66.7% #C6DAC2	RGB 198 218 194	#C6DAC2
83.3%	83.3% #D7DFC9	RGB 215 223 201	#D7DFC9
100.0%	100.0% #E5E3D0	RGB 229 227 208	#E5E3D0

#A8B1C6 #AEC4CB #B4D0C9 #BBD5C3 #C6DAC2 #D7DFC9 #E5E3D0

#A8B1C6 - #BBD5C3 - #E5E3D0

CSS codes

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

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