#1CF2FF - #EBFBCC | 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 #1CF2FF to #EBFBCC

#1CF2FF #EBFBCC

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

#1CF2FF - #EBFBCC | 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 #1CF2FF as 0% and #EBFBCC as 100%.

0.0%	0.0% #1CF2FF	RGB 28 242 255	#1CF2FF
16.7%	16.7% #3EF3F6	RGB 62 243 246	#3EF3F6
33.3%	33.3% #61F5EE	RGB 97 245 238	#61F5EE
50.0%	50.0% #83F6E5	RGB 131 246 229	#83F6E5
66.7%	66.7% #A6F8DD	RGB 166 248 221	#A6F8DD
83.3%	83.3% #C8F9D4	RGB 200 249 212	#C8F9D4
100.0%	100.0% #EBFBCC	RGB 235 251 204	#EBFBCC

#1CF2FF #3EF3F6 #61F5EE #83F6E5 #A6F8DD #C8F9D4 #EBFBCC

#1CF2FF - #EBFBCC

HSV Blend

#1CF2FF - #EBFBCC | 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 #1CF2FF as 0% and #EBFBCC as 100%.

0.0%	0.0% #1BF2FF	RGB 27 242 255	#1BF2FF
16.7%	16.7% #39FED1	RGB 57 254 209	#39FED1
33.3%	33.3% #57FDA7	RGB 87 253 167	#57FDA7
50.0%	50.0% #74FD8F	RGB 116 253 143	#74FD8F
66.7%	66.7% #9BFC91	RGB 155 252 145	#9BFC91
83.3%	83.3% #CBFBAF	RGB 203 251 175	#CBFBAF
100.0%	100.0% #EBFBCC	RGB 235 251 204	#EBFBCC

#1BF2FF #39FED1 #57FDA7 #74FD8F #9BFC91 #CBFBAF #EBFBCC

#1CF2FF - #74FD8F - #EBFBCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1BF2FF 0%, #74FD8F 50%, #EBFBCC 100%);
    background: -webkit-linear-gradient(top, #1BF2FF 0%, #74FD8F 50%, #EBFBCC 100%);
    background: linear-gradient(to bottom, #1BF2FF 0%, #74FD8F 50%, #EBFBCC 100%);
}
</style>