#00067C - #B6B7D9 | 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 #00067C to #B6B7D9

#00067C #B6B7D9

Calculate the color between two colors, #00067C and #B6B7D9. 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)

#00067C - #B6B7D9 | 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 #00067C as 0% and #B6B7D9 as 100%.

0.0%	0.0% #00067C	RGB 0 6 124	#00067C
16.7%	16.7% #1E238B	RGB 30 35 139	#1E238B
33.3%	33.3% #3C419B	RGB 60 65 155	#3C419B
50.0%	50.0% #5B5EAA	RGB 91 94 170	#5B5EAA
66.7%	66.7% #797CBA	RGB 121 124 186	#797CBA
83.3%	83.3% #9799C9	RGB 151 153 201	#9799C9
100.0%	100.0% #B6B7D9	RGB 182 183 217	#B6B7D9

#00067C #1E238B #3C419B #5B5EAA #797CBA #9799C9 #B6B7D9

#00067C - #B6B7D9

HSV Blend

#00067C - #B6B7D9 | 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 #00067C as 0% and #B6B7D9 as 100%.

0.0%	0.0% #00057C	RGB 0 5 124	#00057C
16.7%	16.7% #13188B	RGB 19 24 139	#13188B
33.3%	33.3% #2B2F9B	RGB 43 47 155	#2B2F9B
50.0%	50.0% #474BAA	RGB 71 75 170	#474BAA
66.7%	66.7% #686ABA	RGB 104 106 186	#686ABA
83.3%	83.3% #8C8EC9	RGB 140 142 201	#8C8EC9
100.0%	100.0% #B6B7D9	RGB 182 183 217	#B6B7D9

#00057C #13188B #2B2F9B #474BAA #686ABA #8C8EC9 #B6B7D9

#00067C - #474BAA - #B6B7D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00057C 0%, #474BAA 50%, #B6B7D9 100%);
    background: -webkit-linear-gradient(top, #00057C 0%, #474BAA 50%, #B6B7D9 100%);
    background: linear-gradient(to bottom, #00057C 0%, #474BAA 50%, #B6B7D9 100%);
}
</style>