#7E749C - #DAD7E2 | 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 #7E749C to #DAD7E2

#7E749C #DAD7E2

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

#7E749C - #DAD7E2 | 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 #7E749C as 0% and #DAD7E2 as 100%.

0.0%	0.0% #7E749C	RGB 126 116 156	#7E749C
16.7%	16.7% #8D84A7	RGB 141 132 167	#8D84A7
33.3%	33.3% #9C95B3	RGB 156 149 179	#9C95B3
50.0%	50.0% #ACA5BF	RGB 172 165 191	#ACA5BF
66.7%	66.7% #BBB6CA	RGB 187 182 202	#BBB6CA
83.3%	83.3% #CAC6D6	RGB 202 198 214	#CAC6D6
100.0%	100.0% #DAD7E2	RGB 218 215 226	#DAD7E2

#7E749C #8D84A7 #9C95B3 #ACA5BF #BBB6CA #CAC6D6 #DAD7E2

#7E749C - #DAD7E2

HSV Blend

#7E749C - #DAD7E2 | 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 #7E749C as 0% and #DAD7E2 as 100%.

0.0%	0.0% #7E749C	RGB 126 116 156	#7E749C
16.7%	16.7% #8B82A7	RGB 139 130 167	#8B82A7
33.3%	33.3% #9A91B3	RGB 154 145 179	#9A91B3
50.0%	50.0% #A9A1BF	RGB 169 161 191	#A9A1BF
66.7%	66.7% #B9B2CA	RGB 185 178 202	#B9B2CA
83.3%	83.3% #C9C4D6	RGB 201 196 214	#C9C4D6
100.0%	100.0% #DAD7E2	RGB 218 215 226	#DAD7E2

#7E749C #8B82A7 #9A91B3 #A9A1BF #B9B2CA #C9C4D6 #DAD7E2

#7E749C - #A9A1BF - #DAD7E2

CSS codes

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

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