#1DFFE3 - #00D3E2 | 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 #1DFFE3 to #00D3E2

#1DFFE3 #00D3E2

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

#1DFFE3 - #00D3E2 | 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 #1DFFE3 as 0% and #00D3E2 as 100%.

0.0%	0.0% #1DFFE3	RGB 29 255 227	#1DFFE3
16.7%	16.7% #18F7E2	RGB 24 247 226	#18F7E2
33.3%	33.3% #13F0E2	RGB 19 240 226	#13F0E2
50.0%	50.0% #0EE9E2	RGB 14 233 226	#0EE9E2
66.7%	66.7% #09E1E2	RGB 9 225 226	#09E1E2
83.3%	83.3% #04DAE2	RGB 4 218 226	#04DAE2
100.0%	100.0% #00D3E2	RGB 0 211 226	#00D3E2

#1DFFE3 #18F7E2 #13F0E2 #0EE9E2 #09E1E2 #04DAE2 #00D3E2

#1DFFE3 - #00D3E2

HSV Blend

#1DFFE3 - #00D3E2 | 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 #1DFFE3 as 0% and #00D3E2 as 100%.

0.0%	0.0% #1CFFE3	RGB 28 255 227	#1CFFE3
16.7%	16.7% #17FAE5	RGB 23 250 229	#17FAE5
33.3%	33.3% #12F5E7	RGB 18 245 231	#12F5E7
50.0%	50.0% #0DF0E9	RGB 13 240 233	#0DF0E9
66.7%	66.7% #08EAEB	RGB 8 234 235	#08EAEB
83.3%	83.3% #04DEE6	RGB 4 222 230	#04DEE6
100.0%	100.0% #00D3E2	RGB 0 211 226	#00D3E2

#1CFFE3 #17FAE5 #12F5E7 #0DF0E9 #08EAEB #04DEE6 #00D3E2

#1DFFE3 - #0DF0E9 - #00D3E2

CSS codes

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

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