#A4A8C9 - #465A86 | 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 #A4A8C9 to #465A86

#A4A8C9 #465A86

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

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

0.0%	0.0% #A4A8C9	RGB 164 168 201	#A4A8C9
16.7%	16.7% #949BBD	RGB 148 155 189	#949BBD
33.3%	33.3% #848EB2	RGB 132 142 178	#848EB2
50.0%	50.0% #7581A7	RGB 117 129 167	#7581A7
66.7%	66.7% #65749C	RGB 101 116 156	#65749C
83.3%	83.3% #556791	RGB 85 103 145	#556791
100.0%	100.0% #465A86	RGB 70 90 134	#465A86

#A4A8C9 #949BBD #848EB2 #7581A7 #65749C #556791 #465A86

#A4A8C9 - #465A86

HSV Blend

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

0.0%	0.0% #A4A8C9	RGB 164 168 201	#A4A8C9
16.7%	16.7% #9197BD	RGB 145 151 189	#9197BD
33.3%	33.3% #8089B2	RGB 128 137 178	#8089B2
50.0%	50.0% #707BA7	RGB 112 123 167	#707BA7
66.7%	66.7% #606F9C	RGB 96 111 156	#606F9C
83.3%	83.3% #526491	RGB 82 100 145	#526491
100.0%	100.0% #465A86	RGB 70 90 134	#465A86

#A4A8C9 #9197BD #8089B2 #707BA7 #606F9C #526491 #465A86

#A4A8C9 - #707BA7 - #465A86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4A8C9 0%, #707BA7 50%, #465A86 100%);
    background: -webkit-linear-gradient(top, #A4A8C9 0%, #707BA7 50%, #465A86 100%);
    background: linear-gradient(to bottom, #A4A8C9 0%, #707BA7 50%, #465A86 100%);
}
</style>