#A5E5FF - #E5F7FF | 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 #A5E5FF to #E5F7FF

#A5E5FF #E5F7FF

Calculate the color between two colors, #A5E5FF and #E5F7FF. 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)

#A5E5FF - #E5F7FF | 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 #A5E5FF as 0% and #E5F7FF as 100%.

0.0%	0.0% #A5E5FF	RGB 165 229 255	#A5E5FF
16.7%	16.7% #AFE8FF	RGB 175 232 255	#AFE8FF
33.3%	33.3% #BAEBFF	RGB 186 235 255	#BAEBFF
50.0%	50.0% #C5EEFF	RGB 197 238 255	#C5EEFF
66.7%	66.7% #CFF1FF	RGB 207 241 255	#CFF1FF
83.3%	83.3% #DAF4FF	RGB 218 244 255	#DAF4FF
100.0%	100.0% #E5F7FF	RGB 229 247 255	#E5F7FF

#A5E5FF #AFE8FF #BAEBFF #C5EEFF #CFF1FF #DAF4FF #E5F7FF

#A5E5FF - #E5F7FF

HSV Blend

#A5E5FF - #E5F7FF | 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 #A5E5FF as 0% and #E5F7FF as 100%.

0.0%	0.0% #A5E5FF	RGB 165 229 255	#A5E5FF
16.7%	16.7% #AFE7FF	RGB 175 231 255	#AFE7FF
33.3%	33.3% #BAEAFF	RGB 186 234 255	#BAEAFF
50.0%	50.0% #C5EDFF	RGB 197 237 255	#C5EDFF
66.7%	66.7% #CFF0FF	RGB 207 240 255	#CFF0FF
83.3%	83.3% #DAF3FF	RGB 218 243 255	#DAF3FF
100.0%	100.0% #E5F7FF	RGB 229 247 255	#E5F7FF

#A5E5FF #AFE7FF #BAEAFF #C5EDFF #CFF0FF #DAF3FF #E5F7FF

#A5E5FF - #C5EDFF - #E5F7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5E5FF 0%, #C5EDFF 50%, #E5F7FF 100%);
    background: -webkit-linear-gradient(top, #A5E5FF 0%, #C5EDFF 50%, #E5F7FF 100%);
    background: linear-gradient(to bottom, #A5E5FF 0%, #C5EDFF 50%, #E5F7FF 100%);
}
</style>