#A8AFCB - #4C6089 | 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 #A8AFCB to #4C6089

#A8AFCB #4C6089

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

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

0.0%	0.0% #A8AFCB	RGB 168 175 203	#A8AFCB
16.7%	16.7% #98A1C0	RGB 152 161 192	#98A1C0
33.3%	33.3% #8994B5	RGB 137 148 181	#8994B5
50.0%	50.0% #7A87AA	RGB 122 135 170	#7A87AA
66.7%	66.7% #6A7A9F	RGB 106 122 159	#6A7A9F
83.3%	83.3% #5B6D94	RGB 91 109 148	#5B6D94
100.0%	100.0% #4C6089	RGB 76 96 137	#4C6089

#A8AFCB #98A1C0 #8994B5 #7A87AA #6A7A9F #5B6D94 #4C6089

#A8AFCB - #4C6089

HSV Blend

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

0.0%	0.0% #A8AFCB	RGB 168 175 203	#A8AFCB
16.7%	16.7% #969FC0	RGB 150 159 192	#969FC0
33.3%	33.3% #8590B5	RGB 133 144 181	#8590B5
50.0%	50.0% #7583AA	RGB 117 131 170	#7583AA
66.7%	66.7% #66769F	RGB 102 118 159	#66769F
83.3%	83.3% #586A94	RGB 88 106 148	#586A94
100.0%	100.0% #4C6089	RGB 76 96 137	#4C6089

#A8AFCB #969FC0 #8590B5 #7583AA #66769F #586A94 #4C6089

#A8AFCB - #7583AA - #4C6089

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AFCB 0%, #7583AA 50%, #4C6089 100%);
    background: -webkit-linear-gradient(top, #A8AFCB 0%, #7583AA 50%, #4C6089 100%);
    background: linear-gradient(to bottom, #A8AFCB 0%, #7583AA 50%, #4C6089 100%);
}
</style>