#AAA2D0 - #DADDD4 | 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 #AAA2D0 to #DADDD4

#AAA2D0 #DADDD4

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

#AAA2D0 - #DADDD4 | 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 #AAA2D0 as 0% and #DADDD4 as 100%.

0.0%	0.0% #AAA2D0	RGB 170 162 208	#AAA2D0
16.7%	16.7% #B2ABD0	RGB 178 171 208	#B2ABD0
33.3%	33.3% #BAB5D1	RGB 186 181 209	#BAB5D1
50.0%	50.0% #C2BFD2	RGB 194 191 210	#C2BFD2
66.7%	66.7% #CAC9D2	RGB 202 201 210	#CAC9D2
83.3%	83.3% #D2D3D3	RGB 210 211 211	#D2D3D3
100.0%	100.0% #DADDD4	RGB 218 221 212	#DADDD4

#AAA2D0 #B2ABD0 #BAB5D1 #C2BFD2 #CAC9D2 #D2D3D3 #DADDD4

#AAA2D0 - #DADDD4

HSV Blend

#AAA2D0 - #DADDD4 | 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 #AAA2D0 as 0% and #DADDD4 as 100%.

0.0%	0.0% #AAA2D0	RGB 170 162 208	#AAA2D0
16.7%	16.7% #AAB6D2	RGB 170 182 210	#AAB6D2
33.3%	33.3% #B2CCD4	RGB 178 204 212	#B2CCD4
50.0%	50.0% #BAD6CF	RGB 186 214 207	#BAD6CF
66.7%	66.7% #C2D8C8	RGB 194 216 200	#C2D8C8
83.3%	83.3% #CEDACB	RGB 206 218 203	#CEDACB
100.0%	100.0% #DADDD4	RGB 218 221 212	#DADDD4

#AAA2D0 #AAB6D2 #B2CCD4 #BAD6CF #C2D8C8 #CEDACB #DADDD4

#AAA2D0 - #BAD6CF - #DADDD4

CSS codes

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

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