#7E8ACB - #DADEF0 | 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 #7E8ACB to #DADEF0

#7E8ACB #DADEF0

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

#7E8ACB - #DADEF0 | 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 #7E8ACB as 0% and #DADEF0 as 100%.

0.0%	0.0% #7E8ACB	RGB 126 138 203	#7E8ACB
16.7%	16.7% #8D98D1	RGB 141 152 209	#8D98D1
33.3%	33.3% #9CA6D7	RGB 156 166 215	#9CA6D7
50.0%	50.0% #ACB4DD	RGB 172 180 221	#ACB4DD
66.7%	66.7% #BBC2E3	RGB 187 194 227	#BBC2E3
83.3%	83.3% #CAD0E9	RGB 202 208 233	#CAD0E9
100.0%	100.0% #DADEF0	RGB 218 222 240	#DADEF0

#7E8ACB #8D98D1 #9CA6D7 #ACB4DD #BBC2E3 #CAD0E9 #DADEF0

#7E8ACB - #DADEF0

HSV Blend

#7E8ACB - #DADEF0 | 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 #7E8ACB as 0% and #DADEF0 as 100%.

0.0%	0.0% #7E8ACB	RGB 126 138 203	#7E8ACB
16.7%	16.7% #8B96D1	RGB 139 150 209	#8B96D1
33.3%	33.3% #9AA4D7	RGB 154 164 215	#9AA4D7
50.0%	50.0% #A9B2DD	RGB 169 178 221	#A9B2DD
66.7%	66.7% #B8C0E3	RGB 184 192 227	#B8C0E3
83.3%	83.3% #C9CEE9	RGB 201 206 233	#C9CEE9
100.0%	100.0% #DADEF0	RGB 218 222 240	#DADEF0

#7E8ACB #8B96D1 #9AA4D7 #A9B2DD #B8C0E3 #C9CEE9 #DADEF0

#7E8ACB - #A9B2DD - #DADEF0

CSS codes

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

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