#ADFFED - #ECEAFF | 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 #ADFFED to #ECEAFF

#ADFFED #ECEAFF

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

#ADFFED - #ECEAFF | 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 #ADFFED as 0% and #ECEAFF as 100%.

0.0%	0.0% #ADFFED	RGB 173 255 237	#ADFFED
16.7%	16.7% #B7FBF0	RGB 183 251 240	#B7FBF0
33.3%	33.3% #C2F8F3	RGB 194 248 243	#C2F8F3
50.0%	50.0% #CCF4F6	RGB 204 244 246	#CCF4F6
66.7%	66.7% #D7F1F9	RGB 215 241 249	#D7F1F9
83.3%	83.3% #E1EDFC	RGB 225 237 252	#E1EDFC
100.0%	100.0% #ECEAFF	RGB 236 234 255	#ECEAFF

#ADFFED #B7FBF0 #C2F8F3 #CCF4F6 #D7F1F9 #E1EDFC #ECEAFF

#ADFFED - #ECEAFF

HSV Blend

#ADFFED - #ECEAFF | 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 #ADFFED as 0% and #ECEAFF as 100%.

0.0%	0.0% #ADFFED	RGB 173 255 237	#ADFFED
16.7%	16.7% #B7FFFE	RGB 183 255 254	#B7FFFE
33.3%	33.3% #C1F1FF	RGB 193 241 255	#C1F1FF
50.0%	50.0% #CBE8FF	RGB 203 232 255	#CBE8FF
66.7%	66.7% #D5E3FF	RGB 213 227 255	#D5E3FF
83.3%	83.3% #DFE3FF	RGB 223 227 255	#DFE3FF
100.0%	100.0% #ECEAFF	RGB 236 234 255	#ECEAFF

#ADFFED #B7FFFE #C1F1FF #CBE8FF #D5E3FF #DFE3FF #ECEAFF

#ADFFED - #CBE8FF - #ECEAFF

CSS codes

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

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