#08075D - #B8B8D0 | 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 #08075D to #B8B8D0

#08075D #B8B8D0

Calculate the color between two colors, #08075D and #B8B8D0. 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)

#08075D - #B8B8D0 | 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 #08075D as 0% and #B8B8D0 as 100%.

0.0%	0.0% #08075D	RGB 8 7 93	#08075D
16.7%	16.7% #252470	RGB 37 36 112	#252470
33.3%	33.3% #424283	RGB 66 66 131	#424283
50.0%	50.0% #605F96	RGB 96 95 150	#605F96
66.7%	66.7% #7D7DA9	RGB 125 125 169	#7D7DA9
83.3%	83.3% #9A9ABC	RGB 154 154 188	#9A9ABC
100.0%	100.0% #B8B8D0	RGB 184 184 208	#B8B8D0

#08075D #252470 #424283 #605F96 #7D7DA9 #9A9ABC #B8B8D0

#08075D - #B8B8D0

HSV Blend

#08075D - #B8B8D0 | 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 #08075D as 0% and #B8B8D0 as 100%.

0.0%	0.0% #08065D	RGB 8 6 93	#08065D
16.7%	16.7% #181770	RGB 24 23 112	#181770
33.3%	33.3% #2D2D83	RGB 45 45 131	#2D2D83
50.0%	50.0% #484896	RGB 72 72 150	#484896
66.7%	66.7% #6868A9	RGB 104 104 169	#6868A9
83.3%	83.3% #8D8DBC	RGB 141 141 188	#8D8DBC
100.0%	100.0% #B8B8D0	RGB 184 184 208	#B8B8D0

#08065D #181770 #2D2D83 #484896 #6868A9 #8D8DBC #B8B8D0

#08075D - #484896 - #B8B8D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08065D 0%, #484896 50%, #B8B8D0 100%);
    background: -webkit-linear-gradient(top, #08065D 0%, #484896 50%, #B8B8D0 100%);
    background: linear-gradient(to bottom, #08065D 0%, #484896 50%, #B8B8D0 100%);
}
</style>