#28F0FF - #EBF6CE | 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 #28F0FF to #EBF6CE

#28F0FF #EBF6CE

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

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

0.0%	0.0% #28F0FF	RGB 40 240 255	#28F0FF
16.7%	16.7% #48F1F6	RGB 72 241 246	#48F1F6
33.3%	33.3% #69F2EE	RGB 105 242 238	#69F2EE
50.0%	50.0% #89F3E6	RGB 137 243 230	#89F3E6
66.7%	66.7% #AAF4DE	RGB 170 244 222	#AAF4DE
83.3%	83.3% #CAF5D6	RGB 202 245 214	#CAF5D6
100.0%	100.0% #EBF6CE	RGB 235 246 206	#EBF6CE

#28F0FF #48F1F6 #69F2EE #89F3E6 #AAF4DE #CAF5D6 #EBF6CE

#28F0FF - #EBF6CE

HSV Blend

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

0.0%	0.0% #27EFFF	RGB 39 239 255	#27EFFF
16.7%	16.7% #44FDD3	RGB 68 253 211	#44FDD3
33.3%	33.3% #60FCA9	RGB 96 252 169	#60FCA9
50.0%	50.0% #7CFA92	RGB 124 250 146	#7CFA92
66.7%	66.7% #A4F998	RGB 164 249 152	#A4F998
83.3%	83.3% #D0F7B3	RGB 208 247 179	#D0F7B3
100.0%	100.0% #EBF6CE	RGB 235 246 206	#EBF6CE

#27EFFF #44FDD3 #60FCA9 #7CFA92 #A4F998 #D0F7B3 #EBF6CE

#28F0FF - #7CFA92 - #EBF6CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27EFFF 0%, #7CFA92 50%, #EBF6CE 100%);
    background: -webkit-linear-gradient(top, #27EFFF 0%, #7CFA92 50%, #EBF6CE 100%);
    background: linear-gradient(to bottom, #27EFFF 0%, #7CFA92 50%, #EBF6CE 100%);
}
</style>