#A5E2DF - #EEDBFF | 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 #A5E2DF to #EEDBFF

#A5E2DF #EEDBFF

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

#A5E2DF - #EEDBFF | 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 #A5E2DF as 0% and #EEDBFF as 100%.

0.0%	0.0% #A5E2DF	RGB 165 226 223	#A5E2DF
16.7%	16.7% #B1E0E4	RGB 177 224 228	#B1E0E4
33.3%	33.3% #BDDFE9	RGB 189 223 233	#BDDFE9
50.0%	50.0% #C9DEEF	RGB 201 222 239	#C9DEEF
66.7%	66.7% #D5DDF4	RGB 213 221 244	#D5DDF4
83.3%	83.3% #E1DCF9	RGB 225 220 249	#E1DCF9
100.0%	100.0% #EEDBFF	RGB 238 219 255	#EEDBFF

#A5E2DF #B1E0E4 #BDDFE9 #C9DEEF #D5DDF4 #E1DCF9 #EEDBFF

#A5E2DF - #EEDBFF

HSV Blend

#A5E2DF - #EEDBFF | 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 #A5E2DF as 0% and #EEDBFF as 100%.

0.0%	0.0% #A5E2DF	RGB 165 226 223	#A5E2DF
16.7%	16.7% #ADDAE6	RGB 173 218 230	#ADDAE6
33.3%	33.3% #B6D2EB	RGB 182 210 235	#B6D2EB
50.0%	50.0% #BFCBF0	RGB 191 203 240	#BFCBF0
66.7%	66.7% #C8C8F5	RGB 200 200 245	#C8C8F5
83.3%	83.3% #DCD1FA	RGB 220 209 250	#DCD1FA
100.0%	100.0% #EEDBFF	RGB 238 219 255	#EEDBFF

#A5E2DF #ADDAE6 #B6D2EB #BFCBF0 #C8C8F5 #DCD1FA #EEDBFF

#A5E2DF - #BFCBF0 - #EEDBFF

CSS codes

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

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