#A8B5CC - #4F668B | 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 #A8B5CC to #4F668B

#A8B5CC #4F668B

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

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

0.0%	0.0% #A8B5CC	RGB 168 181 204	#A8B5CC
16.7%	16.7% #99A7C1	RGB 153 167 193	#99A7C1
33.3%	33.3% #8A9AB6	RGB 138 154 182	#8A9AB6
50.0%	50.0% #7B8DAB	RGB 123 141 171	#7B8DAB
66.7%	66.7% #6C80A0	RGB 108 128 160	#6C80A0
83.3%	83.3% #5D7395	RGB 93 115 149	#5D7395
100.0%	100.0% #4F668B	RGB 79 102 139	#4F668B

#A8B5CC #99A7C1 #8A9AB6 #7B8DAB #6C80A0 #5D7395 #4F668B

#A8B5CC - #4F668B

HSV Blend

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

0.0%	0.0% #A8B5CC	RGB 168 181 204	#A8B5CC
16.7%	16.7% #96A6C1	RGB 150 166 193	#96A6C1
33.3%	33.3% #8698B6	RGB 134 152 182	#8698B6
50.0%	50.0% #778AAB	RGB 119 138 171	#778AAB
66.7%	66.7% #687DA0	RGB 104 125 160	#687DA0
83.3%	83.3% #5B7195	RGB 91 113 149	#5B7195
100.0%	100.0% #4F668B	RGB 79 102 139	#4F668B

#A8B5CC #96A6C1 #8698B6 #778AAB #687DA0 #5B7195 #4F668B

#A8B5CC - #778AAB - #4F668B

CSS codes

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

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