#AAB7DA - #4D679D | 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 #AAB7DA to #4D679D

#AAB7DA #4D679D

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

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

0.0%	0.0% #AAB7DA	RGB 170 183 218	#AAB7DA
16.7%	16.7% #9AA9CF	RGB 154 169 207	#9AA9CF
33.3%	33.3% #8B9CC5	RGB 139 156 197	#8B9CC5
50.0%	50.0% #7B8FBB	RGB 123 143 187	#7B8FBB
66.7%	66.7% #6C81B1	RGB 108 129 177	#6C81B1
83.3%	83.3% #5C74A7	RGB 92 116 167	#5C74A7
100.0%	100.0% #4D679D	RGB 77 103 157	#4D679D

#AAB7DA #9AA9CF #8B9CC5 #7B8FBB #6C81B1 #5C74A7 #4D679D

#AAB7DA - #4D679D

HSV Blend

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

0.0%	0.0% #AAB7DA	RGB 170 183 218	#AAB7DA
16.7%	16.7% #98A7CF	RGB 152 167 207	#98A7CF
33.3%	33.3% #8799C5	RGB 135 153 197	#8799C5
50.0%	50.0% #778BBB	RGB 119 139 187	#778BBB
66.7%	66.7% #687EB1	RGB 104 126 177	#687EB1
83.3%	83.3% #5A72A7	RGB 90 114 167	#5A72A7
100.0%	100.0% #4D679D	RGB 77 103 157	#4D679D

#AAB7DA #98A7CF #8799C5 #778BBB #687EB1 #5A72A7 #4D679D

#AAB7DA - #778BBB - #4D679D

CSS codes

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

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