#7B5EB6 - #D9D1EA | 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 #7B5EB6 to #D9D1EA

#7B5EB6 #D9D1EA

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

#7B5EB6 - #D9D1EA | 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 #7B5EB6 as 0% and #D9D1EA as 100%.

0.0%	0.0% #7B5EB6	RGB 123 94 182	#7B5EB6
16.7%	16.7% #8A71BE	RGB 138 113 190	#8A71BE
33.3%	33.3% #9A84C7	RGB 154 132 199	#9A84C7
50.0%	50.0% #AA97D0	RGB 170 151 208	#AA97D0
66.7%	66.7% #B9AAD8	RGB 185 170 216	#B9AAD8
83.3%	83.3% #C9BDE1	RGB 201 189 225	#C9BDE1
100.0%	100.0% #D9D1EA	RGB 217 209 234	#D9D1EA

#7B5EB6 #8A71BE #9A84C7 #AA97D0 #B9AAD8 #C9BDE1 #D9D1EA

#7B5EB6 - #D9D1EA

HSV Blend

#7B5EB6 - #D9D1EA | 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 #7B5EB6 as 0% and #D9D1EA as 100%.

0.0%	0.0% #7B5EB6	RGB 123 94 182	#7B5EB6
16.7%	16.7% #886EBE	RGB 136 110 190	#886EBE
33.3%	33.3% #977FC7	RGB 151 127 199	#977FC7
50.0%	50.0% #A692D0	RGB 166 146 208	#A692D0
66.7%	66.7% #B6A6D8	RGB 182 166 216	#B6A6D8
83.3%	83.3% #C7BBE1	RGB 199 187 225	#C7BBE1
100.0%	100.0% #D9D1EA	RGB 217 209 234	#D9D1EA

#7B5EB6 #886EBE #977FC7 #A692D0 #B6A6D8 #C7BBE1 #D9D1EA

#7B5EB6 - #A692D0 - #D9D1EA

CSS codes

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

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