#A8ADBC - #B5DDC8 | 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 #A8ADBC to #B5DDC8

#A8ADBC #B5DDC8

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

#A8ADBC - #B5DDC8 | 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 #A8ADBC as 0% and #B5DDC8 as 100%.

0.0%	0.0% #A8ADBC	RGB 168 173 188	#A8ADBC
16.7%	16.7% #AAB5BE	RGB 170 181 190	#AAB5BE
33.3%	33.3% #ACBDC0	RGB 172 189 192	#ACBDC0
50.0%	50.0% #AEC5C2	RGB 174 197 194	#AEC5C2
66.7%	66.7% #B0CDC4	RGB 176 205 196	#B0CDC4
83.3%	83.3% #B2D5C6	RGB 178 213 198	#B2D5C6
100.0%	100.0% #B5DDC8	RGB 181 221 200	#B5DDC8

#A8ADBC #AAB5BE #ACBDC0 #AEC5C2 #B0CDC4 #B2D5C6 #B5DDC8

#A8ADBC - #B5DDC8

HSV Blend

#A8ADBC - #B5DDC8 | 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 #A8ADBC as 0% and #B5DDC8 as 100%.

0.0%	0.0% #A8ADBC	RGB 168 173 188	#A8ADBC
16.7%	16.7% #AAB5C1	RGB 170 181 193	#AAB5C1
33.3%	33.3% #ACBEC7	RGB 172 190 199	#ACBEC7
50.0%	50.0% #AFC9CC	RGB 175 201 204	#AFC9CC
66.7%	66.7% #B1D2CE	RGB 177 210 206	#B1D2CE
83.3%	83.3% #B3D7CC	RGB 179 215 204	#B3D7CC
100.0%	100.0% #B5DDC8	RGB 181 221 200	#B5DDC8

#A8ADBC #AAB5C1 #ACBEC7 #AFC9CC #B1D2CE #B3D7CC #B5DDC8

#A8ADBC - #AFC9CC - #B5DDC8

CSS codes

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

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