#35ADFF - #C5E7FF | 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 #35ADFF to #C5E7FF

#35ADFF #C5E7FF

Calculate the color between two colors, #35ADFF and #C5E7FF. 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)

#35ADFF - #C5E7FF | 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 #35ADFF as 0% and #C5E7FF as 100%.

0.0%	0.0% #35ADFF	RGB 53 173 255	#35ADFF
16.7%	16.7% #4DB6FF	RGB 77 182 255	#4DB6FF
33.3%	33.3% #65C0FF	RGB 101 192 255	#65C0FF
50.0%	50.0% #7DCAFF	RGB 125 202 255	#7DCAFF
66.7%	66.7% #95D3FF	RGB 149 211 255	#95D3FF
83.3%	83.3% #ADDDFF	RGB 173 221 255	#ADDDFF
100.0%	100.0% #C5E7FF	RGB 197 231 255	#C5E7FF

#35ADFF #4DB6FF #65C0FF #7DCAFF #95D3FF #ADDDFF #C5E7FF

#35ADFF - #C5E7FF

HSV Blend

#35ADFF - #C5E7FF | 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 #35ADFF as 0% and #C5E7FF as 100%.

0.0%	0.0% #35ADFF	RGB 53 173 255	#35ADFF
16.7%	16.7% #4DB6FF	RGB 77 182 255	#4DB6FF
33.3%	33.3% #65C0FF	RGB 101 192 255	#65C0FF
50.0%	50.0% #7DC9FF	RGB 125 201 255	#7DC9FF
66.7%	66.7% #95D3FF	RGB 149 211 255	#95D3FF
83.3%	83.3% #ADDDFF	RGB 173 221 255	#ADDDFF
100.0%	100.0% #C5E7FF	RGB 197 231 255	#C5E7FF

#35ADFF #4DB6FF #65C0FF #7DC9FF #95D3FF #ADDDFF #C5E7FF

#35ADFF - #7DC9FF - #C5E7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35ADFF 0%, #7DC9FF 50%, #C5E7FF 100%);
    background: -webkit-linear-gradient(top, #35ADFF 0%, #7DC9FF 50%, #C5E7FF 100%);
    background: linear-gradient(to bottom, #35ADFF 0%, #7DC9FF 50%, #C5E7FF 100%);
}
</style>