#080933 - #B8B8C4 | 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 #080933 to #B8B8C4

#080933 #B8B8C4

Calculate the color between two colors, #080933 and #B8B8C4. 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)

#080933 - #B8B8C4 | 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 #080933 as 0% and #B8B8C4 as 100%.

0.0%	0.0% #080933	RGB 8 9 51	#080933
16.7%	16.7% #25264B	RGB 37 38 75	#25264B
33.3%	33.3% #424363	RGB 66 67 99	#424363
50.0%	50.0% #60607B	RGB 96 96 123	#60607B
66.7%	66.7% #7D7D93	RGB 125 125 147	#7D7D93
83.3%	83.3% #9A9AAB	RGB 154 154 171	#9A9AAB
100.0%	100.0% #B8B8C4	RGB 184 184 196	#B8B8C4

#080933 #25264B #424363 #60607B #7D7D93 #9A9AAB #B8B8C4

#080933 - #B8B8C4

HSV Blend

#080933 - #B8B8C4 | 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 #080933 as 0% and #B8B8C4 as 100%.

0.0%	0.0% #080833	RGB 8 8 51	#080833
16.7%	16.7% #15164B	RGB 21 22 75	#15164B
33.3%	33.3% #292A63	RGB 41 42 99	#292A63
50.0%	50.0% #43447B	RGB 67 68 123	#43447B
66.7%	66.7% #646493	RGB 100 100 147	#646493
83.3%	83.3% #8A8BAB	RGB 138 139 171	#8A8BAB
100.0%	100.0% #B8B8C4	RGB 184 184 196	#B8B8C4

#080833 #15164B #292A63 #43447B #646493 #8A8BAB #B8B8C4

#080933 - #43447B - #B8B8C4

CSS codes

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

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