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

#00F0FF #DEFFCB

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

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

0.0%	0.0% #00F0FF	RGB 0 240 255	#00F0FF
16.7%	16.7% #25F2F6	RGB 37 242 246	#25F2F6
33.3%	33.3% #4AF5ED	RGB 74 245 237	#4AF5ED
50.0%	50.0% #6FF7E5	RGB 111 247 229	#6FF7E5
66.7%	66.7% #94FADC	RGB 148 250 220	#94FADC
83.3%	83.3% #B9FCD3	RGB 185 252 211	#B9FCD3
100.0%	100.0% #DEFFCB	RGB 222 255 203	#DEFFCB

#00F0FF #25F2F6 #4AF5ED #6FF7E5 #94FADC #B9FCD3 #DEFFCB

#00F0FF - #DEFFCB

HSV Blend

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

0.0%	0.0% #00F0FF	RGB 0 240 255	#00F0FF
16.7%	16.7% #21FFD7	RGB 33 255 215	#21FFD7
33.3%	33.3% #43FFB1	RGB 67 255 177	#43FFB1
50.0%	50.0% #65FF9A	RGB 101 255 154	#65FF9A
66.7%	66.7% #87FF94	RGB 135 255 148	#87FF94
83.3%	83.3% #B4FFA9	RGB 180 255 169	#B4FFA9
100.0%	100.0% #DEFFCB	RGB 222 255 203	#DEFFCB

#00F0FF #21FFD7 #43FFB1 #65FF9A #87FF94 #B4FFA9 #DEFFCB

#00F0FF - #65FF9A - #DEFFCB

CSS codes

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

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