#A8B8D4 - #4D6AA3 | 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 #A8B8D4 to #4D6AA3

#A8B8D4 #4D6AA3

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

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

0.0%	0.0% #A8B8D4	RGB 168 184 212	#A8B8D4
16.7%	16.7% #98ABCB	RGB 152 171 203	#98ABCB
33.3%	33.3% #899EC3	RGB 137 158 195	#899EC3
50.0%	50.0% #7A91BB	RGB 122 145 187	#7A91BB
66.7%	66.7% #6B84B3	RGB 107 132 179	#6B84B3
83.3%	83.3% #5C77AB	RGB 92 119 171	#5C77AB
100.0%	100.0% #4D6AA3	RGB 77 106 163	#4D6AA3

#A8B8D4 #98ABCB #899EC3 #7A91BB #6B84B3 #5C77AB #4D6AA3

#A8B8D4 - #4D6AA3

HSV Blend

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

0.0%	0.0% #A8B8D4	RGB 168 184 212	#A8B8D4
16.7%	16.7% #96A9CB	RGB 150 169 203	#96A9CB
33.3%	33.3% #869BC3	RGB 134 155 195	#869BC3
50.0%	50.0% #768EBB	RGB 118 142 187	#768EBB
66.7%	66.7% #6781B3	RGB 103 129 179	#6781B3
83.3%	83.3% #5975AB	RGB 89 117 171	#5975AB
100.0%	100.0% #4D6AA3	RGB 77 106 163	#4D6AA3

#A8B8D4 #96A9CB #869BC3 #768EBB #6781B3 #5975AB #4D6AA3

#A8B8D4 - #768EBB - #4D6AA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B8D4 0%, #768EBB 50%, #4D6AA3 100%);
    background: -webkit-linear-gradient(top, #A8B8D4 0%, #768EBB 50%, #4D6AA3 100%);
    background: linear-gradient(to bottom, #A8B8D4 0%, #768EBB 50%, #4D6AA3 100%);
}
</style>