#A8BAEB - #4867B6 | 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 #A8BAEB to #4867B6

#A8BAEB #4867B6

Calculate the color between two colors, #A8BAEB and #4867B6. 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)

#A8BAEB - #4867B6 | 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 #A8BAEB as 0% and #4867B6 as 100%.

0.0%	0.0% #A8BAEB	RGB 168 186 235	#A8BAEB
16.7%	16.7% #98ACE2	RGB 152 172 226	#98ACE2
33.3%	33.3% #889ED9	RGB 136 158 217	#889ED9
50.0%	50.0% #7890D0	RGB 120 144 208	#7890D0
66.7%	66.7% #6882C7	RGB 104 130 199	#6882C7
83.3%	83.3% #5874BE	RGB 88 116 190	#5874BE
100.0%	100.0% #4867B6	RGB 72 103 182	#4867B6

#A8BAEB #98ACE2 #889ED9 #7890D0 #6882C7 #5874BE #4867B6

#A8BAEB - #4867B6

HSV Blend

#A8BAEB - #4867B6 | 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 #A8BAEB as 0% and #4867B6 as 100%.

0.0%	0.0% #A8BAEB	RGB 168 186 235	#A8BAEB
16.7%	16.7% #95AAE2	RGB 149 170 226	#95AAE2
33.3%	33.3% #849BD9	RGB 132 155 217	#849BD9
50.0%	50.0% #738DD0	RGB 115 141 208	#738DD0
66.7%	66.7% #647FC7	RGB 100 127 199	#647FC7
83.3%	83.3% #5573BE	RGB 85 115 190	#5573BE
100.0%	100.0% #4867B6	RGB 72 103 182	#4867B6

#A8BAEB #95AAE2 #849BD9 #738DD0 #647FC7 #5573BE #4867B6

#A8BAEB - #738DD0 - #4867B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BAEB 0%, #738DD0 50%, #4867B6 100%);
    background: -webkit-linear-gradient(top, #A8BAEB 0%, #738DD0 50%, #4867B6 100%);
    background: linear-gradient(to bottom, #A8BAEB 0%, #738DD0 50%, #4867B6 100%);
}
</style>