#7E8DFF - #DADEFF | 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 #7E8DFF to #DADEFF

#7E8DFF #DADEFF

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

#7E8DFF - #DADEFF | 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 #7E8DFF as 0% and #DADEFF as 100%.

0.0%	0.0% #7E8DFF	RGB 126 141 255	#7E8DFF
16.7%	16.7% #8D9AFF	RGB 141 154 255	#8D9AFF
33.3%	33.3% #9CA8FF	RGB 156 168 255	#9CA8FF
50.0%	50.0% #ACB5FF	RGB 172 181 255	#ACB5FF
66.7%	66.7% #BBC3FF	RGB 187 195 255	#BBC3FF
83.3%	83.3% #CAD0FF	RGB 202 208 255	#CAD0FF
100.0%	100.0% #DADEFF	RGB 218 222 255	#DADEFF

#7E8DFF #8D9AFF #9CA8FF #ACB5FF #BBC3FF #CAD0FF #DADEFF

#7E8DFF - #DADEFF

HSV Blend

#7E8DFF - #DADEFF | 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 #7E8DFF as 0% and #DADEFF as 100%.

0.0%	0.0% #7E8CFF	RGB 126 140 255	#7E8CFF
16.7%	16.7% #8D9AFF	RGB 141 154 255	#8D9AFF
33.3%	33.3% #9CA7FF	RGB 156 167 255	#9CA7FF
50.0%	50.0% #ACB5FF	RGB 172 181 255	#ACB5FF
66.7%	66.7% #BBC2FF	RGB 187 194 255	#BBC2FF
83.3%	83.3% #CAD0FF	RGB 202 208 255	#CAD0FF
100.0%	100.0% #DADEFF	RGB 218 222 255	#DADEFF

#7E8CFF #8D9AFF #9CA7FF #ACB5FF #BBC2FF #CAD0FF #DADEFF

#7E8DFF - #ACB5FF - #DADEFF

CSS codes

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

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