#00FCFB - #004847 | 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 #00FCFB to #004847

#00FCFB #004847

Calculate the color between two colors, #00FCFB and #004847. 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)

#00FCFB - #004847 | 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 #00FCFB as 0% and #004847 as 100%.

0.0%	0.0% #00FCFB	RGB 0 252 251	#00FCFB
16.7%	16.7% #00DEDD	RGB 0 222 221	#00DEDD
33.3%	33.3% #00C0BF	RGB 0 192 191	#00C0BF
50.0%	50.0% #00A2A1	RGB 0 162 161	#00A2A1
66.7%	66.7% #008483	RGB 0 132 131	#008483
83.3%	83.3% #006665	RGB 0 102 101	#006665
100.0%	100.0% #004847	RGB 0 72 71	#004847

#00FCFB #00DEDD #00C0BF #00A2A1 #008483 #006665 #004847

#00FCFB - #004847

HSV Blend

#00FCFB - #004847 | 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 #00FCFB as 0% and #004847 as 100%.

0.0%	0.0% #00FCFB	RGB 0 252 251	#00FCFB
16.7%	16.7% #00DEDC	RGB 0 222 220	#00DEDC
33.3%	33.3% #00C0BE	RGB 0 192 190	#00C0BE
50.0%	50.0% #00A2A0	RGB 0 162 160	#00A2A0
66.7%	66.7% #008482	RGB 0 132 130	#008482
83.3%	83.3% #006664	RGB 0 102 100	#006664
100.0%	100.0% #004847	RGB 0 72 71	#004847

#00FCFB #00DEDC #00C0BE #00A2A0 #008482 #006664 #004847

#00FCFB - #00A2A0 - #004847

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FCFB 0%, #00A2A0 50%, #004847 100%);
    background: -webkit-linear-gradient(top, #00FCFB 0%, #00A2A0 50%, #004847 100%);
    background: linear-gradient(to bottom, #00FCFB 0%, #00A2A0 50%, #004847 100%);
}
</style>