#2FCDD5 - #04859E | 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 #2FCDD5 to #04859E

#2FCDD5 #04859E

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

#2FCDD5 - #04859E | 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 #2FCDD5 as 0% and #04859E as 100%.

0.0%	0.0% #2FCDD5	RGB 47 205 213	#2FCDD5
16.7%	16.7% #27C1CB	RGB 39 193 203	#27C1CB
33.3%	33.3% #20B5C2	RGB 32 181 194	#20B5C2
50.0%	50.0% #19A9B9	RGB 25 169 185	#19A9B9
66.7%	66.7% #129DB0	RGB 18 157 176	#129DB0
83.3%	83.3% #0B91A7	RGB 11 145 167	#0B91A7
100.0%	100.0% #04859E	RGB 4 133 158	#04859E

#2FCDD5 #27C1CB #20B5C2 #19A9B9 #129DB0 #0B91A7 #04859E

#2FCDD5 - #04859E

HSV Blend

#2FCDD5 - #04859E | 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 #2FCDD5 as 0% and #04859E as 100%.

0.0%	0.0% #2FCDD5	RGB 47 205 213	#2FCDD5
16.7%	16.7% #26C0CB	RGB 38 192 203	#26C0CB
33.3%	33.3% #1EB4C2	RGB 30 180 194	#1EB4C2
50.0%	50.0% #16A8B9	RGB 22 168 185	#16A8B9
66.7%	66.7% #0F9CB0	RGB 15 156 176	#0F9CB0
83.3%	83.3% #0990A7	RGB 9 144 167	#0990A7
100.0%	100.0% #04859E	RGB 4 133 158	#04859E

#2FCDD5 #26C0CB #1EB4C2 #16A8B9 #0F9CB0 #0990A7 #04859E

#2FCDD5 - #16A8B9 - #04859E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FCDD5 0%, #16A8B9 50%, #04859E 100%);
    background: -webkit-linear-gradient(top, #2FCDD5 0%, #16A8B9 50%, #04859E 100%);
    background: linear-gradient(to bottom, #2FCDD5 0%, #16A8B9 50%, #04859E 100%);
}
</style>