#AAC4A8 - #D5CADA | 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 #AAC4A8 to #D5CADA

#AAC4A8 #D5CADA

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

#AAC4A8 - #D5CADA | 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 #AAC4A8 as 0% and #D5CADA as 100%.

0.0%	0.0% #AAC4A8	RGB 170 196 168	#AAC4A8
16.7%	16.7% #B1C5B0	RGB 177 197 176	#B1C5B0
33.3%	33.3% #B8C6B8	RGB 184 198 184	#B8C6B8
50.0%	50.0% #BFC7C1	RGB 191 199 193	#BFC7C1
66.7%	66.7% #C6C8C9	RGB 198 200 201	#C6C8C9
83.3%	83.3% #CDC9D1	RGB 205 201 209	#CDC9D1
100.0%	100.0% #D5CADA	RGB 213 202 218	#D5CADA

#AAC4A8 #B1C5B0 #B8C6B8 #BFC7C1 #C6C8C9 #CDC9D1 #D5CADA

#AAC4A8 - #D5CADA

HSV Blend

#AAC4A8 - #D5CADA | 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 #AAC4A8 as 0% and #D5CADA as 100%.

0.0%	0.0% #AAC4A8	RGB 170 196 168	#AAC4A8
16.7%	16.7% #ADC7B7	RGB 173 199 183	#ADC7B7
33.3%	33.3% #B2CBC7	RGB 178 203 199	#B2CBC7
50.0%	50.0% #B8C8CF	RGB 184 200 207	#B8C8CF
66.7%	66.7% #BEC3D2	RGB 190 195 210	#BEC3D2
83.3%	83.3% #C8C4D6	RGB 200 196 214	#C8C4D6
100.0%	100.0% #D5CADA	RGB 213 202 218	#D5CADA

#AAC4A8 #ADC7B7 #B2CBC7 #B8C8CF #BEC3D2 #C8C4D6 #D5CADA

#AAC4A8 - #B8C8CF - #D5CADA

CSS codes

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

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