#00D4E3 - #C0FFB3 | 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 #00D4E3 to #C0FFB3

#00D4E3 #C0FFB3

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

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

0.0%	0.0% #00D4E3	RGB 0 212 227	#00D4E3
16.7%	16.7% #20DBDB	RGB 32 219 219	#20DBDB
33.3%	33.3% #40E2D3	RGB 64 226 211	#40E2D3
50.0%	50.0% #60E9CB	RGB 96 233 203	#60E9CB
66.7%	66.7% #80F0C3	RGB 128 240 195	#80F0C3
83.3%	83.3% #A0F7BB	RGB 160 247 187	#A0F7BB
100.0%	100.0% #C0FFB3	RGB 192 255 179	#C0FFB3

#00D4E3 #20DBDB #40E2D3 #60E9CB #80F0C3 #A0F7BB #C0FFB3

#00D4E3 - #C0FFB3

HSV Blend

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

0.0%	0.0% #00D4E3	RGB 0 212 227	#00D4E3
16.7%	16.7% #1BE7CB	RGB 27 231 203	#1BE7CB
33.3%	33.3% #37ECAD	RGB 55 236 173	#37ECAD
50.0%	50.0% #54F19A	RGB 84 241 154	#54F19A
66.7%	66.7% #72F592	RGB 114 245 146	#72F592
83.3%	83.3% #92FA96	RGB 146 250 150	#92FA96
100.0%	100.0% #C0FFB3	RGB 192 255 179	#C0FFB3

#00D4E3 #1BE7CB #37ECAD #54F19A #72F592 #92FA96 #C0FFB3

#00D4E3 - #54F19A - #C0FFB3

CSS codes

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

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