#000B80 - #8FD7DF | 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 #000B80 to #8FD7DF

#000B80 #8FD7DF

Calculate the color between two colors, #000B80 and #8FD7DF. 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)

#000B80 - #8FD7DF | 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 #000B80 as 0% and #8FD7DF as 100%.

0.0%	0.0% #000B80	RGB 0 11 128	#000B80
16.7%	16.7% #172D8F	RGB 23 45 143	#172D8F
33.3%	33.3% #2F4F9F	RGB 47 79 159	#2F4F9F
50.0%	50.0% #4771AF	RGB 71 113 175	#4771AF
66.7%	66.7% #5F93BF	RGB 95 147 191	#5F93BF
83.3%	83.3% #77B5CF	RGB 119 181 207	#77B5CF
100.0%	100.0% #8FD7DF	RGB 143 215 223	#8FD7DF

#000B80 #172D8F #2F4F9F #4771AF #5F93BF #77B5CF #8FD7DF

#000B80 - #8FD7DF

HSV Blend

#000B80 - #8FD7DF | 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 #000B80 as 0% and #8FD7DF as 100%.

0.0%	0.0% #000B80	RGB 0 11 128	#000B80
16.7%	16.7% #0F2B8F	RGB 15 43 143	#0F2B8F
33.3%	33.3% #224E9F	RGB 34 78 159	#224E9F
50.0%	50.0% #3873AF	RGB 56 115 175	#3873AF
66.7%	66.7% #5196BF	RGB 81 150 191	#5196BF
83.3%	83.3% #6EB8CF	RGB 110 184 207	#6EB8CF
100.0%	100.0% #8FD7DF	RGB 143 215 223	#8FD7DF

#000B80 #0F2B8F #224E9F #3873AF #5196BF #6EB8CF #8FD7DF

#000B80 - #3873AF - #8FD7DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000B80 0%, #3873AF 50%, #8FD7DF 100%);
    background: -webkit-linear-gradient(top, #000B80 0%, #3873AF 50%, #8FD7DF 100%);
    background: linear-gradient(to bottom, #000B80 0%, #3873AF 50%, #8FD7DF 100%);
}
</style>