#7B5AD6 - #D9CFF3 | 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 #7B5AD6 to #D9CFF3

#7B5AD6 #D9CFF3

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

#7B5AD6 - #D9CFF3 | 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 #7B5AD6 as 0% and #D9CFF3 as 100%.

0.0%	0.0% #7B5AD6	RGB 123 90 214	#7B5AD6
16.7%	16.7% #8A6DDA	RGB 138 109 218	#8A6DDA
33.3%	33.3% #9A81DF	RGB 154 129 223	#9A81DF
50.0%	50.0% #AA94E4	RGB 170 148 228	#AA94E4
66.7%	66.7% #B9A8E9	RGB 185 168 233	#B9A8E9
83.3%	83.3% #C9BBEE	RGB 201 187 238	#C9BBEE
100.0%	100.0% #D9CFF3	RGB 217 207 243	#D9CFF3

#7B5AD6 #8A6DDA #9A81DF #AA94E4 #B9A8E9 #C9BBEE #D9CFF3

#7B5AD6 - #D9CFF3

HSV Blend

#7B5AD6 - #D9CFF3 | 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 #7B5AD6 as 0% and #D9CFF3 as 100%.

0.0%	0.0% #7A5AD6	RGB 122 90 214	#7A5AD6
16.7%	16.7% #896BDA	RGB 137 107 218	#896BDA
33.3%	33.3% #987EDF	RGB 152 126 223	#987EDF
50.0%	50.0% #A791E4	RGB 167 145 228	#A791E4
66.7%	66.7% #B7A5E9	RGB 183 165 233	#B7A5E9
83.3%	83.3% #C8B9EE	RGB 200 185 238	#C8B9EE
100.0%	100.0% #D9CFF3	RGB 217 207 243	#D9CFF3

#7A5AD6 #896BDA #987EDF #A791E4 #B7A5E9 #C8B9EE #D9CFF3

#7B5AD6 - #A791E4 - #D9CFF3

CSS codes

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

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