#06295E - #B8C2D1 | 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 #06295E to #B8C2D1

#06295E #B8C2D1

Calculate the color between two colors, #06295E and #B8C2D1. 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)

#06295E - #B8C2D1 | 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 #06295E as 0% and #B8C2D1 as 100%.

0.0%	0.0% #06295E	RGB 6 41 94	#06295E
16.7%	16.7% #234271	RGB 35 66 113	#234271
33.3%	33.3% #415C84	RGB 65 92 132	#415C84
50.0%	50.0% #5F7597	RGB 95 117 151	#5F7597
66.7%	66.7% #7C8FAA	RGB 124 143 170	#7C8FAA
83.3%	83.3% #9AA8BD	RGB 154 168 189	#9AA8BD
100.0%	100.0% #B8C2D1	RGB 184 194 209	#B8C2D1

#06295E #234271 #415C84 #5F7597 #7C8FAA #9AA8BD #B8C2D1

#06295E - #B8C2D1

HSV Blend

#06295E - #B8C2D1 | 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 #06295E as 0% and #B8C2D1 as 100%.

0.0%	0.0% #05285E	RGB 5 40 94	#05285E
16.7%	16.7% #163A71	RGB 22 58 113	#163A71
33.3%	33.3% #2C4F84	RGB 44 79 132	#2C4F84
50.0%	50.0% #476797	RGB 71 103 151	#476797
66.7%	66.7% #6782AA	RGB 103 130 170	#6782AA
83.3%	83.3% #8DA0BD	RGB 141 160 189	#8DA0BD
100.0%	100.0% #B8C2D1	RGB 184 194 209	#B8C2D1

#05285E #163A71 #2C4F84 #476797 #6782AA #8DA0BD #B8C2D1

#06295E - #476797 - #B8C2D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #05285E 0%, #476797 50%, #B8C2D1 100%);
    background: -webkit-linear-gradient(top, #05285E 0%, #476797 50%, #B8C2D1 100%);
    background: linear-gradient(to bottom, #05285E 0%, #476797 50%, #B8C2D1 100%);
}
</style>