#2D9EFF - #C3E3FF | 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 #2D9EFF to #C3E3FF

#2D9EFF #C3E3FF

Calculate the color between two colors, #2D9EFF and #C3E3FF. 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)

#2D9EFF - #C3E3FF | 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 #2D9EFF as 0% and #C3E3FF as 100%.

0.0%	0.0% #2D9EFF	RGB 45 158 255	#2D9EFF
16.7%	16.7% #46A9FF	RGB 70 169 255	#46A9FF
33.3%	33.3% #5FB5FF	RGB 95 181 255	#5FB5FF
50.0%	50.0% #78C0FF	RGB 120 192 255	#78C0FF
66.7%	66.7% #91CCFF	RGB 145 204 255	#91CCFF
83.3%	83.3% #AAD7FF	RGB 170 215 255	#AAD7FF
100.0%	100.0% #C3E3FF	RGB 195 227 255	#C3E3FF

#2D9EFF #46A9FF #5FB5FF #78C0FF #91CCFF #AAD7FF #C3E3FF

#2D9EFF - #C3E3FF

HSV Blend

#2D9EFF - #C3E3FF | 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 #2D9EFF as 0% and #C3E3FF as 100%.

0.0%	0.0% #2C9EFF	RGB 44 158 255	#2C9EFF
16.7%	16.7% #45A9FF	RGB 69 169 255	#45A9FF
33.3%	33.3% #5FB4FF	RGB 95 180 255	#5FB4FF
50.0%	50.0% #78C0FF	RGB 120 192 255	#78C0FF
66.7%	66.7% #91CBFF	RGB 145 203 255	#91CBFF
83.3%	83.3% #AAD7FF	RGB 170 215 255	#AAD7FF
100.0%	100.0% #C3E3FF	RGB 195 227 255	#C3E3FF

#2C9EFF #45A9FF #5FB4FF #78C0FF #91CBFF #AAD7FF #C3E3FF

#2D9EFF - #78C0FF - #C3E3FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C9EFF 0%, #78C0FF 50%, #C3E3FF 100%);
    background: -webkit-linear-gradient(top, #2C9EFF 0%, #78C0FF 50%, #C3E3FF 100%);
    background: linear-gradient(to bottom, #2C9EFF 0%, #78C0FF 50%, #C3E3FF 100%);
}
</style>