#AAB2AA - #E4C2DF | 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 #AAB2AA to #E4C2DF

#AAB2AA #E4C2DF

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

#AAB2AA - #E4C2DF | 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 #AAB2AA as 0% and #E4C2DF as 100%.

0.0%	0.0% #AAB2AA	RGB 170 178 170	#AAB2AA
16.7%	16.7% #B3B4B2	RGB 179 180 178	#B3B4B2
33.3%	33.3% #BDB7BB	RGB 189 183 187	#BDB7BB
50.0%	50.0% #C7BAC4	RGB 199 186 196	#C7BAC4
66.7%	66.7% #D0BCCD	RGB 208 188 205	#D0BCCD
83.3%	83.3% #DABFD6	RGB 218 191 214	#DABFD6
100.0%	100.0% #E4C2DF	RGB 228 194 223	#E4C2DF

#AAB2AA #B3B4B2 #BDB7BB #C7BAC4 #D0BCCD #DABFD6 #E4C2DF

#AAB2AA - #E4C2DF

HSV Blend

#AAB2AA - #E4C2DF | 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 #AAB2AA as 0% and #E4C2DF as 100%.

0.0%	0.0% #AAB2AA	RGB 170 178 170	#AAB2AA
16.7%	16.7% #B4BAAE	RGB 180 186 174	#B4BAAE
33.3%	33.3% #C1C2B3	RGB 193 194 179	#C1C2B3
50.0%	50.0% #CBC2B7	RGB 203 194 183	#CBC2B7
66.7%	66.7% #D3BDBB	RGB 211 189 187	#D3BDBB
83.3%	83.3% #DBBEC9	RGB 219 190 201	#DBBEC9
100.0%	100.0% #E4C2DF	RGB 228 194 223	#E4C2DF

#AAB2AA #B4BAAE #C1C2B3 #CBC2B7 #D3BDBB #DBBEC9 #E4C2DF

#AAB2AA - #CBC2B7 - #E4C2DF

CSS codes

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

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