#080E6D - #B8BAD5 | 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 #080E6D to #B8BAD5

#080E6D #B8BAD5

Calculate the color between two colors, #080E6D and #B8BAD5. 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)

#080E6D - #B8BAD5 | 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 #080E6D as 0% and #B8BAD5 as 100%.

0.0%	0.0% #080E6D	RGB 8 14 109	#080E6D
16.7%	16.7% #252A7E	RGB 37 42 126	#252A7E
33.3%	33.3% #42478F	RGB 66 71 143	#42478F
50.0%	50.0% #6064A1	RGB 96 100 161	#6064A1
66.7%	66.7% #7D80B2	RGB 125 128 178	#7D80B2
83.3%	83.3% #9A9DC3	RGB 154 157 195	#9A9DC3
100.0%	100.0% #B8BAD5	RGB 184 186 213	#B8BAD5

#080E6D #252A7E #42478F #6064A1 #7D80B2 #9A9DC3 #B8BAD5

#080E6D - #B8BAD5

HSV Blend

#080E6D - #B8BAD5 | 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 #080E6D as 0% and #B8BAD5 as 100%.

0.0%	0.0% #070D6D	RGB 7 13 109	#070D6D
16.7%	16.7% #19207E	RGB 25 32 126	#19207E
33.3%	33.3% #30368F	RGB 48 54 143	#30368F
50.0%	50.0% #4B50A1	RGB 75 80 161	#4B50A1
66.7%	66.7% #6B6FB2	RGB 107 111 178	#6B6FB2
83.3%	83.3% #8F92C3	RGB 143 146 195	#8F92C3
100.0%	100.0% #B8BAD5	RGB 184 186 213	#B8BAD5

#070D6D #19207E #30368F #4B50A1 #6B6FB2 #8F92C3 #B8BAD5

#080E6D - #4B50A1 - #B8BAD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #070D6D 0%, #4B50A1 50%, #B8BAD5 100%);
    background: -webkit-linear-gradient(top, #070D6D 0%, #4B50A1 50%, #B8BAD5 100%);
    background: linear-gradient(to bottom, #070D6D 0%, #4B50A1 50%, #B8BAD5 100%);
}
</style>