#00116D - #63C2D0 | 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 #00116D to #63C2D0

#00116D #63C2D0

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

#00116D - #63C2D0 | 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 #00116D as 0% and #63C2D0 as 100%.

0.0%	0.0% #00116D	RGB 0 17 109	#00116D
16.7%	16.7% #102E7D	RGB 16 46 125	#102E7D
33.3%	33.3% #214C8E	RGB 33 76 142	#214C8E
50.0%	50.0% #31699E	RGB 49 105 158	#31699E
66.7%	66.7% #4287AF	RGB 66 135 175	#4287AF
83.3%	83.3% #52A4BF	RGB 82 164 191	#52A4BF
100.0%	100.0% #63C2D0	RGB 99 194 208	#63C2D0

#00116D #102E7D #214C8E #31699E #4287AF #52A4BF #63C2D0

#00116D - #63C2D0

HSV Blend

#00116D - #63C2D0 | 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 #00116D as 0% and #63C2D0 as 100%.

0.0%	0.0% #00106D	RGB 0 16 109	#00106D
16.7%	16.7% #09297D	RGB 9 41 125	#09297D
33.3%	33.3% #16458E	RGB 22 69 142	#16458E
50.0%	50.0% #25639E	RGB 37 99 158	#25639E
66.7%	66.7% #3783AF	RGB 55 131 175	#3783AF
83.3%	83.3% #4BA2BF	RGB 75 162 191	#4BA2BF
100.0%	100.0% #63C2D0	RGB 99 194 208	#63C2D0

#00106D #09297D #16458E #25639E #3783AF #4BA2BF #63C2D0

#00116D - #25639E - #63C2D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00106D 0%, #25639E 50%, #63C2D0 100%);
    background: -webkit-linear-gradient(top, #00106D 0%, #25639E 50%, #63C2D0 100%);
    background: linear-gradient(to bottom, #00106D 0%, #25639E 50%, #63C2D0 100%);
}
</style>