#E6E6FF - #88A4D2 | 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 #E6E6FF to #88A4D2

#E6E6FF #88A4D2

Calculate the color between two colors, #E6E6FF and #88A4D2. 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)

#E6E6FF - #88A4D2 | 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 #E6E6FF as 0% and #88A4D2 as 100%.

0.0%	0.0% #E6E6FF	RGB 230 230 255	#E6E6FF
16.7%	16.7% #D6DBF7	RGB 214 219 247	#D6DBF7
33.3%	33.3% #C6D0F0	RGB 198 208 240	#C6D0F0
50.0%	50.0% #B7C5E8	RGB 183 197 232	#B7C5E8
66.7%	66.7% #A7BAE1	RGB 167 186 225	#A7BAE1
83.3%	83.3% #97AFD9	RGB 151 175 217	#97AFD9
100.0%	100.0% #88A4D2	RGB 136 164 210	#88A4D2

#E6E6FF #D6DBF7 #C6D0F0 #B7C5E8 #A7BAE1 #97AFD9 #88A4D2

#E6E6FF - #88A4D2

HSV Blend

#E6E6FF - #88A4D2 | 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 #E6E6FF as 0% and #88A4D2 as 100%.

0.0%	0.0% #E6E6FF	RGB 230 230 255	#E6E6FF
16.7%	16.7% #D4D6F7	RGB 212 214 247	#D4D6F7
33.3%	33.3% #C4C9F0	RGB 196 201 240	#C4C9F0
50.0%	50.0% #B4BEE8	RGB 180 190 232	#B4BEE8
66.7%	66.7% #A4B3E1	RGB 164 179 225	#A4B3E1
83.3%	83.3% #96ABD9	RGB 150 171 217	#96ABD9
100.0%	100.0% #88A4D2	RGB 136 164 210	#88A4D2

#E6E6FF #D4D6F7 #C4C9F0 #B4BEE8 #A4B3E1 #96ABD9 #88A4D2

#E6E6FF - #B4BEE8 - #88A4D2

CSS codes

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

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