#09254B - #B8C0CB | 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 #09254B to #B8C0CB

#09254B #B8C0CB

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

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

0.0%	0.0% #09254B	RGB 9 37 75	#09254B
16.7%	16.7% #263E60	RGB 38 62 96	#263E60
33.3%	33.3% #435875	RGB 67 88 117	#435875
50.0%	50.0% #60728B	RGB 96 114 139	#60728B
66.7%	66.7% #7D8CA0	RGB 125 140 160	#7D8CA0
83.3%	83.3% #9AA6B5	RGB 154 166 181	#9AA6B5
100.0%	100.0% #B8C0CB	RGB 184 192 203	#B8C0CB

#09254B #263E60 #435875 #60728B #7D8CA0 #9AA6B5 #B8C0CB

#09254B - #B8C0CB

HSV Blend

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

0.0%	0.0% #09244B	RGB 9 36 75	#09244B
16.7%	16.7% #183660	RGB 24 54 96	#183660
33.3%	33.3% #2C4B75	RGB 44 75 117	#2C4B75
50.0%	50.0% #47638B	RGB 71 99 139	#47638B
66.7%	66.7% #677FA0	RGB 103 127 160	#677FA0
83.3%	83.3% #8C9EB5	RGB 140 158 181	#8C9EB5
100.0%	100.0% #B8C0CB	RGB 184 192 203	#B8C0CB

#09244B #183660 #2C4B75 #47638B #677FA0 #8C9EB5 #B8C0CB

#09254B - #47638B - #B8C0CB

CSS codes

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

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