#7E8ECE - #DADEF1 | 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 #7E8ECE to #DADEF1

#7E8ECE #DADEF1

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

#7E8ECE - #DADEF1 | 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 #7E8ECE as 0% and #DADEF1 as 100%.

0.0%	0.0% #7E8ECE	RGB 126 142 206	#7E8ECE
16.7%	16.7% #8D9BD3	RGB 141 155 211	#8D9BD3
33.3%	33.3% #9CA8D9	RGB 156 168 217	#9CA8D9
50.0%	50.0% #ACB6DF	RGB 172 182 223	#ACB6DF
66.7%	66.7% #BBC3E5	RGB 187 195 229	#BBC3E5
83.3%	83.3% #CAD0EB	RGB 202 208 235	#CAD0EB
100.0%	100.0% #DADEF1	RGB 218 222 241	#DADEF1

#7E8ECE #8D9BD3 #9CA8D9 #ACB6DF #BBC3E5 #CAD0EB #DADEF1

#7E8ECE - #DADEF1

HSV Blend

#7E8ECE - #DADEF1 | 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 #7E8ECE as 0% and #DADEF1 as 100%.

0.0%	0.0% #7E8ECE	RGB 126 142 206	#7E8ECE
16.7%	16.7% #8B99D3	RGB 139 153 211	#8B99D3
33.3%	33.3% #9AA6D9	RGB 154 166 217	#9AA6D9
50.0%	50.0% #A9B3DF	RGB 169 179 223	#A9B3DF
66.7%	66.7% #B9C1E5	RGB 185 193 229	#B9C1E5
83.3%	83.3% #C9CFEB	RGB 201 207 235	#C9CFEB
100.0%	100.0% #DADEF1	RGB 218 222 241	#DADEF1

#7E8ECE #8B99D3 #9AA6D9 #A9B3DF #B9C1E5 #C9CFEB #DADEF1

#7E8ECE - #A9B3DF - #DADEF1

CSS codes

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

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