#09319B - #B8C3E2 | 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 #09319B to #B8C3E2

#09319B #B8C3E2

Calculate the color between two colors, #09319B and #B8C3E2. 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)

#09319B - #B8C3E2 | 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 #09319B as 0% and #B8C3E2 as 100%.

0.0%	0.0% #09319B	RGB 9 49 155	#09319B
16.7%	16.7% #2649A6	RGB 38 73 166	#2649A6
33.3%	33.3% #4361B2	RGB 67 97 178	#4361B2
50.0%	50.0% #607ABE	RGB 96 122 190	#607ABE
66.7%	66.7% #7D92CA	RGB 125 146 202	#7D92CA
83.3%	83.3% #9AAAD6	RGB 154 170 214	#9AAAD6
100.0%	100.0% #B8C3E2	RGB 184 195 226	#B8C3E2

#09319B #2649A6 #4361B2 #607ABE #7D92CA #9AAAD6 #B8C3E2

#09319B - #B8C3E2

HSV Blend

#09319B - #B8C3E2 | 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 #09319B as 0% and #B8C3E2 as 100%.

0.0%	0.0% #09309B	RGB 9 48 155	#09309B
16.7%	16.7% #1E43A6	RGB 30 67 166	#1E43A6
33.3%	33.3% #3758B2	RGB 55 88 178	#3758B2
50.0%	50.0% #536FBE	RGB 83 111 190	#536FBE
66.7%	66.7% #7189CA	RGB 113 137 202	#7189CA
83.3%	83.3% #93A5D6	RGB 147 165 214	#93A5D6
100.0%	100.0% #B8C3E2	RGB 184 195 226	#B8C3E2

#09309B #1E43A6 #3758B2 #536FBE #7189CA #93A5D6 #B8C3E2

#09319B - #536FBE - #B8C3E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #09309B 0%, #536FBE 50%, #B8C3E2 100%);
    background: -webkit-linear-gradient(top, #09309B 0%, #536FBE 50%, #B8C3E2 100%);
    background: linear-gradient(to bottom, #09309B 0%, #536FBE 50%, #B8C3E2 100%);
}
</style>