#AEAEDA - #4B5E9C | 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 #AEAEDA to #4B5E9C

#AEAEDA #4B5E9C

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

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

0.0%	0.0% #AEAEDA	RGB 174 174 218	#AEAEDA
16.7%	16.7% #9DA0CF	RGB 157 160 207	#9DA0CF
33.3%	33.3% #8D93C5	RGB 141 147 197	#8D93C5
50.0%	50.0% #7C86BB	RGB 124 134 187	#7C86BB
66.7%	66.7% #6C78B0	RGB 108 120 176	#6C78B0
83.3%	83.3% #5B6BA6	RGB 91 107 166	#5B6BA6
100.0%	100.0% #4B5E9C	RGB 75 94 156	#4B5E9C

#AEAEDA #9DA0CF #8D93C5 #7C86BB #6C78B0 #5B6BA6 #4B5E9C

#AEAEDA - #4B5E9C

HSV Blend

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

0.0%	0.0% #AEAEDA	RGB 174 174 218	#AEAEDA
16.7%	16.7% #9A9CCF	RGB 154 156 207	#9A9CCF
33.3%	33.3% #888DC5	RGB 136 141 197	#888DC5
50.0%	50.0% #777FBB	RGB 119 127 187	#777FBB
66.7%	66.7% #6773B0	RGB 103 115 176	#6773B0
83.3%	83.3% #5867A6	RGB 88 103 166	#5867A6
100.0%	100.0% #4B5E9C	RGB 75 94 156	#4B5E9C

#AEAEDA #9A9CCF #888DC5 #777FBB #6773B0 #5867A6 #4B5E9C

#AEAEDA - #777FBB - #4B5E9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEAEDA 0%, #777FBB 50%, #4B5E9C 100%);
    background: -webkit-linear-gradient(top, #AEAEDA 0%, #777FBB 50%, #4B5E9C 100%);
    background: linear-gradient(to bottom, #AEAEDA 0%, #777FBB 50%, #4B5E9C 100%);
}
</style>