#7E8EC1 - #DADEED | 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 #7E8EC1 to #DADEED

#7E8EC1 #DADEED

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

#7E8EC1 - #DADEED | 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 #7E8EC1 as 0% and #DADEED as 100%.

0.0%	0.0% #7E8EC1	RGB 126 142 193	#7E8EC1
16.7%	16.7% #8D9BC8	RGB 141 155 200	#8D9BC8
33.3%	33.3% #9CA8CF	RGB 156 168 207	#9CA8CF
50.0%	50.0% #ACB6D7	RGB 172 182 215	#ACB6D7
66.7%	66.7% #BBC3DE	RGB 187 195 222	#BBC3DE
83.3%	83.3% #CAD0E5	RGB 202 208 229	#CAD0E5
100.0%	100.0% #DADEED	RGB 218 222 237	#DADEED

#7E8EC1 #8D9BC8 #9CA8CF #ACB6D7 #BBC3DE #CAD0E5 #DADEED

#7E8EC1 - #DADEED

HSV Blend

#7E8EC1 - #DADEED | 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 #7E8EC1 as 0% and #DADEED as 100%.

0.0%	0.0% #7E8EC1	RGB 126 142 193	#7E8EC1
16.7%	16.7% #8B99C8	RGB 139 153 200	#8B99C8
33.3%	33.3% #9AA6CF	RGB 154 166 207	#9AA6CF
50.0%	50.0% #A9B3D7	RGB 169 179 215	#A9B3D7
66.7%	66.7% #B8C0DE	RGB 184 192 222	#B8C0DE
83.3%	83.3% #C9CFE5	RGB 201 207 229	#C9CFE5
100.0%	100.0% #DADEED	RGB 218 222 237	#DADEED

#7E8EC1 #8B99C8 #9AA6CF #A9B3D7 #B8C0DE #C9CFE5 #DADEED

#7E8EC1 - #A9B3D7 - #DADEED

CSS codes

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

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