#7E5E8A - #DAD1DD | 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 #7E5E8A to #DAD1DD

#7E5E8A #DAD1DD

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

#7E5E8A - #DAD1DD | 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 #7E5E8A as 0% and #DAD1DD as 100%.

0.0%	0.0% #7E5E8A	RGB 126 94 138	#7E5E8A
16.7%	16.7% #8D7197	RGB 141 113 151	#8D7197
33.3%	33.3% #9C84A5	RGB 156 132 165	#9C84A5
50.0%	50.0% #AC97B3	RGB 172 151 179	#AC97B3
66.7%	66.7% #BBAAC1	RGB 187 170 193	#BBAAC1
83.3%	83.3% #CABDCF	RGB 202 189 207	#CABDCF
100.0%	100.0% #DAD1DD	RGB 218 209 221	#DAD1DD

#7E5E8A #8D7197 #9C84A5 #AC97B3 #BBAAC1 #CABDCF #DAD1DD

#7E5E8A - #DAD1DD

HSV Blend

#7E5E8A - #DAD1DD | 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 #7E5E8A as 0% and #DAD1DD as 100%.

0.0%	0.0% #7E5E8A	RGB 126 94 138	#7E5E8A
16.7%	16.7% #8C6E97	RGB 140 110 151	#8C6E97
33.3%	33.3% #9B7FA5	RGB 155 127 165	#9B7FA5
50.0%	50.0% #AA92B3	RGB 170 146 179	#AA92B3
66.7%	66.7% #BAA5C1	RGB 186 165 193	#BAA5C1
83.3%	83.3% #C9BACF	RGB 201 186 207	#C9BACF
100.0%	100.0% #DAD1DD	RGB 218 209 221	#DAD1DD

#7E5E8A #8C6E97 #9B7FA5 #AA92B3 #BAA5C1 #C9BACF #DAD1DD

#7E5E8A - #AA92B3 - #DAD1DD

CSS codes

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

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