#A8AFE5 - #465BAC | 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 #A8AFE5 to #465BAC

#A8AFE5 #465BAC

Calculate the color between two colors, #A8AFE5 and #465BAC. 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)

#A8AFE5 - #465BAC | 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 #A8AFE5 as 0% and #465BAC as 100%.

0.0%	0.0% #A8AFE5	RGB 168 175 229	#A8AFE5
16.7%	16.7% #97A1DB	RGB 151 161 219	#97A1DB
33.3%	33.3% #8793D2	RGB 135 147 210	#8793D2
50.0%	50.0% #7785C8	RGB 119 133 200	#7785C8
66.7%	66.7% #6677BF	RGB 102 119 191	#6677BF
83.3%	83.3% #5669B5	RGB 86 105 181	#5669B5
100.0%	100.0% #465BAC	RGB 70 91 172	#465BAC

#A8AFE5 #97A1DB #8793D2 #7785C8 #6677BF #5669B5 #465BAC

#A8AFE5 - #465BAC

HSV Blend

#A8AFE5 - #465BAC | 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 #A8AFE5 as 0% and #465BAC as 100%.

0.0%	0.0% #A8AFE5	RGB 168 175 229	#A8AFE5
16.7%	16.7% #959EDB	RGB 149 158 219	#959EDB
33.3%	33.3% #838ED2	RGB 131 142 210	#838ED2
50.0%	50.0% #7280C8	RGB 114 128 200	#7280C8
66.7%	66.7% #6272BF	RGB 98 114 191	#6272BF
83.3%	83.3% #5366B5	RGB 83 102 181	#5366B5
100.0%	100.0% #465BAC	RGB 70 91 172	#465BAC

#A8AFE5 #959EDB #838ED2 #7280C8 #6272BF #5366B5 #465BAC

#A8AFE5 - #7280C8 - #465BAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AFE5 0%, #7280C8 50%, #465BAC 100%);
    background: -webkit-linear-gradient(top, #A8AFE5 0%, #7280C8 50%, #465BAC 100%);
    background: linear-gradient(to bottom, #A8AFE5 0%, #7280C8 50%, #465BAC 100%);
}
</style>