#9F9FAA - #ACE5DD | 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 #9F9FAA to #ACE5DD

#9F9FAA #ACE5DD

Calculate the color between two colors, #9F9FAA and #ACE5DD. 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)

#9F9FAA - #ACE5DD | 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 #9F9FAA as 0% and #ACE5DD as 100%.

0.0%	0.0% #9F9FAA	RGB 159 159 170	#9F9FAA
16.7%	16.7% #A1AAB2	RGB 161 170 178	#A1AAB2
33.3%	33.3% #A3B6BB	RGB 163 182 187	#A3B6BB
50.0%	50.0% #A5C2C3	RGB 165 194 195	#A5C2C3
66.7%	66.7% #A7CDCC	RGB 167 205 204	#A7CDCC
83.3%	83.3% #A9D9D4	RGB 169 217 212	#A9D9D4
100.0%	100.0% #ACE5DD	RGB 172 229 221	#ACE5DD

#9F9FAA #A1AAB2 #A3B6BB #A5C2C3 #A7CDCC #A9D9D4 #ACE5DD

#9F9FAA - #ACE5DD

HSV Blend

#9F9FAA - #ACE5DD | 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 #9F9FAA as 0% and #ACE5DD as 100%.

0.0%	0.0% #9F9FAA	RGB 159 159 170	#9F9FAA
16.7%	16.7% #A2A5B3	RGB 162 165 179	#A2A5B3
33.3%	33.3% #A5AEBD	RGB 165 174 189	#A5AEBD
50.0%	50.0% #A8BAC7	RGB 168 186 199	#A8BAC7
66.7%	66.7% #AAC7D1	RGB 170 199 209	#AAC7D1
83.3%	83.3% #ABD8DB	RGB 171 216 219	#ABD8DB
100.0%	100.0% #ACE5DD	RGB 172 229 221	#ACE5DD

#9F9FAA #A2A5B3 #A5AEBD #A8BAC7 #AAC7D1 #ABD8DB #ACE5DD

#9F9FAA - #A8BAC7 - #ACE5DD

CSS codes

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

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