#7E6BBA - #DAD4EB | 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 #7E6BBA to #DAD4EB

#7E6BBA #DAD4EB

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

#7E6BBA - #DAD4EB | 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 #7E6BBA as 0% and #DAD4EB as 100%.

0.0%	0.0% #7E6BBA	RGB 126 107 186	#7E6BBA
16.7%	16.7% #8D7CC2	RGB 141 124 194	#8D7CC2
33.3%	33.3% #9C8ECA	RGB 156 142 202	#9C8ECA
50.0%	50.0% #AC9FD2	RGB 172 159 210	#AC9FD2
66.7%	66.7% #BBB1DA	RGB 187 177 218	#BBB1DA
83.3%	83.3% #CAC2E2	RGB 202 194 226	#CAC2E2
100.0%	100.0% #DAD4EB	RGB 218 212 235	#DAD4EB

#7E6BBA #8D7CC2 #9C8ECA #AC9FD2 #BBB1DA #CAC2E2 #DAD4EB

#7E6BBA - #DAD4EB

HSV Blend

#7E6BBA - #DAD4EB | 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 #7E6BBA as 0% and #DAD4EB as 100%.

0.0%	0.0% #7E6BBA	RGB 126 107 186	#7E6BBA
16.7%	16.7% #8B7AC2	RGB 139 122 194	#8B7AC2
33.3%	33.3% #9A8ACA	RGB 154 138 202	#9A8ACA
50.0%	50.0% #A99BD2	RGB 169 155 210	#A99BD2
66.7%	66.7% #B8ADDA	RGB 184 173 218	#B8ADDA
83.3%	83.3% #C9C0E2	RGB 201 192 226	#C9C0E2
100.0%	100.0% #DAD4EB	RGB 218 212 235	#DAD4EB

#7E6BBA #8B7AC2 #9A8ACA #A99BD2 #B8ADDA #C9C0E2 #DAD4EB

#7E6BBA - #A99BD2 - #DAD4EB

CSS codes

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

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