#0000A8 - #B6B6E6 | 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 #0000A8 to #B6B6E6

#0000A8 #B6B6E6

Calculate the color between two colors, #0000A8 and #B6B6E6. 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)

#0000A8 - #B6B6E6 | 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 #0000A8 as 0% and #B6B6E6 as 100%.

0.0%	0.0% #0000A8	RGB 0 0 168	#0000A8
16.7%	16.7% #1E1EB2	RGB 30 30 178	#1E1EB2
33.3%	33.3% #3C3CBC	RGB 60 60 188	#3C3CBC
50.0%	50.0% #5B5BC7	RGB 91 91 199	#5B5BC7
66.7%	66.7% #7979D1	RGB 121 121 209	#7979D1
83.3%	83.3% #9797DB	RGB 151 151 219	#9797DB
100.0%	100.0% #B6B6E6	RGB 182 182 230	#B6B6E6

#0000A8 #1E1EB2 #3C3CBC #5B5BC7 #7979D1 #9797DB #B6B6E6

#0000A8 - #B6B6E6

HSV Blend

#0000A8 - #B6B6E6 | 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 #0000A8 as 0% and #B6B6E6 as 100%.

0.0%	0.0% #0000A8	RGB 0 0 168	#0000A8
16.7%	16.7% #1717B2	RGB 23 23 178	#1717B2
33.3%	33.3% #3131BC	RGB 49 49 188	#3131BC
50.0%	50.0% #4E4EC7	RGB 78 78 199	#4E4EC7
66.7%	66.7% #6E6ED1	RGB 110 110 209	#6E6ED1
83.3%	83.3% #9090DB	RGB 144 144 219	#9090DB
100.0%	100.0% #B6B6E6	RGB 182 182 230	#B6B6E6

#0000A8 #1717B2 #3131BC #4E4EC7 #6E6ED1 #9090DB #B6B6E6

#0000A8 - #4E4EC7 - #B6B6E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0000A8 0%, #4E4EC7 50%, #B6B6E6 100%);
    background: -webkit-linear-gradient(top, #0000A8 0%, #4E4EC7 50%, #B6B6E6 100%);
    background: linear-gradient(to bottom, #0000A8 0%, #4E4EC7 50%, #B6B6E6 100%);
}
</style>