#25F0FF - #00B2ED | 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 #25F0FF to #00B2ED

#25F0FF #00B2ED

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

#25F0FF - #00B2ED | 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 #25F0FF as 0% and #00B2ED as 100%.

0.0%	0.0% #25F0FF	RGB 37 240 255	#25F0FF
16.7%	16.7% #1EE5FC	RGB 30 229 252	#1EE5FC
33.3%	33.3% #18DBF9	RGB 24 219 249	#18DBF9
50.0%	50.0% #12D1F6	RGB 18 209 246	#12D1F6
66.7%	66.7% #0CC6F3	RGB 12 198 243	#0CC6F3
83.3%	83.3% #06BCF0	RGB 6 188 240	#06BCF0
100.0%	100.0% #00B2ED	RGB 0 178 237	#00B2ED

#25F0FF #1EE5FC #18DBF9 #12D1F6 #0CC6F3 #06BCF0 #00B2ED

#25F0FF - #00B2ED

HSV Blend

#25F0FF - #00B2ED | 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 #25F0FF as 0% and #00B2ED as 100%.

0.0%	0.0% #24F0FF	RGB 36 240 255	#24F0FF
16.7%	16.7% #1EE6FC	RGB 30 230 252	#1EE6FC
33.3%	33.3% #18DCF9	RGB 24 220 249	#18DCF9
50.0%	50.0% #11D1F6	RGB 17 209 246	#11D1F6
66.7%	66.7% #0BC7F3	RGB 11 199 243	#0BC7F3
83.3%	83.3% #05BCF0	RGB 5 188 240	#05BCF0
100.0%	100.0% #00B2ED	RGB 0 178 237	#00B2ED

#24F0FF #1EE6FC #18DCF9 #11D1F6 #0BC7F3 #05BCF0 #00B2ED

#25F0FF - #11D1F6 - #00B2ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24F0FF 0%, #11D1F6 50%, #00B2ED 100%);
    background: -webkit-linear-gradient(top, #24F0FF 0%, #11D1F6 50%, #00B2ED 100%);
    background: linear-gradient(to bottom, #24F0FF 0%, #11D1F6 50%, #00B2ED 100%);
}
</style>