#7D5EBE - #DAD1EC | 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 #7D5EBE to #DAD1EC

#7D5EBE #DAD1EC

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

#7D5EBE - #DAD1EC | 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 #7D5EBE as 0% and #DAD1EC as 100%.

0.0%	0.0% #7D5EBE	RGB 125 94 190	#7D5EBE
16.7%	16.7% #8C71C5	RGB 140 113 197	#8C71C5
33.3%	33.3% #9C84CD	RGB 156 132 205	#9C84CD
50.0%	50.0% #AB97D5	RGB 171 151 213	#AB97D5
66.7%	66.7% #BBAADC	RGB 187 170 220	#BBAADC
83.3%	83.3% #CABDE4	RGB 202 189 228	#CABDE4
100.0%	100.0% #DAD1EC	RGB 218 209 236	#DAD1EC

#7D5EBE #8C71C5 #9C84CD #AB97D5 #BBAADC #CABDE4 #DAD1EC

#7D5EBE - #DAD1EC

HSV Blend

#7D5EBE - #DAD1EC | 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 #7D5EBE as 0% and #DAD1EC as 100%.

0.0%	0.0% #7D5EBE	RGB 125 94 190	#7D5EBE
16.7%	16.7% #8A6EC5	RGB 138 110 197	#8A6EC5
33.3%	33.3% #9980CD	RGB 153 128 205	#9980CD
50.0%	50.0% #A893D5	RGB 168 147 213	#A893D5
66.7%	66.7% #B8A6DC	RGB 184 166 220	#B8A6DC
83.3%	83.3% #C8BBE4	RGB 200 187 228	#C8BBE4
100.0%	100.0% #DAD1EC	RGB 218 209 236	#DAD1EC

#7D5EBE #8A6EC5 #9980CD #A893D5 #B8A6DC #C8BBE4 #DAD1EC

#7D5EBE - #A893D5 - #DAD1EC

CSS codes

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

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