#7E5E98 - #DAD1E1 | 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 #7E5E98 to #DAD1E1

#7E5E98 #DAD1E1

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

#7E5E98 - #DAD1E1 | 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 #7E5E98 as 0% and #DAD1E1 as 100%.

0.0%	0.0% #7E5E98	RGB 126 94 152	#7E5E98
16.7%	16.7% #8D71A4	RGB 141 113 164	#8D71A4
33.3%	33.3% #9C84B0	RGB 156 132 176	#9C84B0
50.0%	50.0% #AC97BC	RGB 172 151 188	#AC97BC
66.7%	66.7% #BBAAC8	RGB 187 170 200	#BBAAC8
83.3%	83.3% #CABDD4	RGB 202 189 212	#CABDD4
100.0%	100.0% #DAD1E1	RGB 218 209 225	#DAD1E1

#7E5E98 #8D71A4 #9C84B0 #AC97BC #BBAAC8 #CABDD4 #DAD1E1

#7E5E98 - #DAD1E1

HSV Blend

#7E5E98 - #DAD1E1 | 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 #7E5E98 as 0% and #DAD1E1 as 100%.

0.0%	0.0% #7E5E98	RGB 126 94 152	#7E5E98
16.7%	16.7% #8B6EA4	RGB 139 110 164	#8B6EA4
33.3%	33.3% #9A7FB0	RGB 154 127 176	#9A7FB0
50.0%	50.0% #A991BC	RGB 169 145 188	#A991BC
66.7%	66.7% #B9A5C8	RGB 185 165 200	#B9A5C8
83.3%	83.3% #C9BAD4	RGB 201 186 212	#C9BAD4
100.0%	100.0% #DAD1E1	RGB 218 209 225	#DAD1E1

#7E5E98 #8B6EA4 #9A7FB0 #A991BC #B9A5C8 #C9BAD4 #DAD1E1

#7E5E98 - #A991BC - #DAD1E1

CSS codes

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

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