#AAB8DB - #4D679F | 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 #AAB8DB to #4D679F

#AAB8DB #4D679F

Calculate the color between two colors, #AAB8DB and #4D679F. 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)

#AAB8DB - #4D679F | 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 #AAB8DB as 0% and #4D679F as 100%.

0.0%	0.0% #AAB8DB	RGB 170 184 219	#AAB8DB
16.7%	16.7% #9AAAD1	RGB 154 170 209	#9AAAD1
33.3%	33.3% #8B9DC7	RGB 139 157 199	#8B9DC7
50.0%	50.0% #7B8FBD	RGB 123 143 189	#7B8FBD
66.7%	66.7% #6C82B3	RGB 108 130 179	#6C82B3
83.3%	83.3% #5C74A9	RGB 92 116 169	#5C74A9
100.0%	100.0% #4D679F	RGB 77 103 159	#4D679F

#AAB8DB #9AAAD1 #8B9DC7 #7B8FBD #6C82B3 #5C74A9 #4D679F

#AAB8DB - #4D679F

HSV Blend

#AAB8DB - #4D679F | 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 #AAB8DB as 0% and #4D679F as 100%.

0.0%	0.0% #AAB8DB	RGB 170 184 219	#AAB8DB
16.7%	16.7% #98A8D1	RGB 152 168 209	#98A8D1
33.3%	33.3% #879AC7	RGB 135 154 199	#879AC7
50.0%	50.0% #778CBD	RGB 119 140 189	#778CBD
66.7%	66.7% #687FB3	RGB 104 127 179	#687FB3
83.3%	83.3% #5A72A9	RGB 90 114 169	#5A72A9
100.0%	100.0% #4D679F	RGB 77 103 159	#4D679F

#AAB8DB #98A8D1 #879AC7 #778CBD #687FB3 #5A72A9 #4D679F

#AAB8DB - #778CBD - #4D679F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAB8DB 0%, #778CBD 50%, #4D679F 100%);
    background: -webkit-linear-gradient(top, #AAB8DB 0%, #778CBD 50%, #4D679F 100%);
    background: linear-gradient(to bottom, #AAB8DB 0%, #778CBD 50%, #4D679F 100%);
}
</style>