#A8CBF0 - #3C5CB7 | 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 #A8CBF0 to #3C5CB7

#A8CBF0 #3C5CB7

Calculate the color between two colors, #A8CBF0 and #3C5CB7. 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)

#A8CBF0 - #3C5CB7 | 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 #A8CBF0 as 0% and #3C5CB7 as 100%.

0.0%	0.0% #A8CBF0	RGB 168 203 240	#A8CBF0
16.7%	16.7% #96B8E6	RGB 150 184 230	#96B8E6
33.3%	33.3% #84A6DD	RGB 132 166 221	#84A6DD
50.0%	50.0% #7293D3	RGB 114 147 211	#7293D3
66.7%	66.7% #6081CA	RGB 96 129 202	#6081CA
83.3%	83.3% #4E6EC0	RGB 78 110 192	#4E6EC0
100.0%	100.0% #3C5CB7	RGB 60 92 183	#3C5CB7

#A8CBF0 #96B8E6 #84A6DD #7293D3 #6081CA #4E6EC0 #3C5CB7

#A8CBF0 - #3C5CB7

HSV Blend

#A8CBF0 - #3C5CB7 | 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 #A8CBF0 as 0% and #3C5CB7 as 100%.

0.0%	0.0% #A8CBF0	RGB 168 203 240	#A8CBF0
16.7%	16.7% #93B8E6	RGB 147 184 230	#93B8E6
33.3%	33.3% #7FA5DD	RGB 127 165 221	#7FA5DD
50.0%	50.0% #6C93D3	RGB 108 147 211	#6C93D3
66.7%	66.7% #5B80CA	RGB 91 128 202	#5B80CA
83.3%	83.3% #4B6EC0	RGB 75 110 192	#4B6EC0
100.0%	100.0% #3C5CB7	RGB 60 92 183	#3C5CB7

#A8CBF0 #93B8E6 #7FA5DD #6C93D3 #5B80CA #4B6EC0 #3C5CB7

#A8CBF0 - #6C93D3 - #3C5CB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CBF0 0%, #6C93D3 50%, #3C5CB7 100%);
    background: -webkit-linear-gradient(top, #A8CBF0 0%, #6C93D3 50%, #3C5CB7 100%);
    background: linear-gradient(to bottom, #A8CBF0 0%, #6C93D3 50%, #3C5CB7 100%);
}
</style>