#8FB5E6 - #3763AE | 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 #8FB5E6 to #3763AE

#8FB5E6 #3763AE

Calculate the color between two colors, #8FB5E6 and #3763AE. 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)

#8FB5E6 - #3763AE | 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 #8FB5E6 as 0% and #3763AE as 100%.

0.0%	0.0% #8FB5E6	RGB 143 181 230	#8FB5E6
16.7%	16.7% #80A7DC	RGB 128 167 220	#80A7DC
33.3%	33.3% #7199D3	RGB 113 153 211	#7199D3
50.0%	50.0% #638CCA	RGB 99 140 202	#638CCA
66.7%	66.7% #547EC0	RGB 84 126 192	#547EC0
83.3%	83.3% #4570B7	RGB 69 112 183	#4570B7
100.0%	100.0% #3763AE	RGB 55 99 174	#3763AE

#8FB5E6 #80A7DC #7199D3 #638CCA #547EC0 #4570B7 #3763AE

#8FB5E6 - #3763AE

HSV Blend

#8FB5E6 - #3763AE | 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 #8FB5E6 as 0% and #3763AE as 100%.

0.0%	0.0% #8FB5E6	RGB 143 181 230	#8FB5E6
16.7%	16.7% #7DA6DC	RGB 125 166 220	#7DA6DC
33.3%	33.3% #6D97D3	RGB 109 151 211	#6D97D3
50.0%	50.0% #5E89CA	RGB 94 137 202	#5E89CA
66.7%	66.7% #507CC0	RGB 80 124 192	#507CC0
83.3%	83.3% #436FB7	RGB 67 111 183	#436FB7
100.0%	100.0% #3763AE	RGB 55 99 174	#3763AE

#8FB5E6 #7DA6DC #6D97D3 #5E89CA #507CC0 #436FB7 #3763AE

#8FB5E6 - #5E89CA - #3763AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FB5E6 0%, #5E89CA 50%, #3763AE 100%);
    background: -webkit-linear-gradient(top, #8FB5E6 0%, #5E89CA 50%, #3763AE 100%);
    background: linear-gradient(to bottom, #8FB5E6 0%, #5E89CA 50%, #3763AE 100%);
}
</style>