#7B6CC2 - #FEBFEA | 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 #7B6CC2 to #FEBFEA

#7B6CC2 #FEBFEA

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

#7B6CC2 - #FEBFEA | 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 #7B6CC2 as 0% and #FEBFEA as 100%.

0.0%	0.0% #7B6CC2	RGB 123 108 194	#7B6CC2
16.7%	16.7% #9079C8	RGB 144 121 200	#9079C8
33.3%	33.3% #A687CF	RGB 166 135 207	#A687CF
50.0%	50.0% #BC95D6	RGB 188 149 214	#BC95D6
66.7%	66.7% #D2A3DC	RGB 210 163 220	#D2A3DC
83.3%	83.3% #E8B1E3	RGB 232 177 227	#E8B1E3
100.0%	100.0% #FEBFEA	RGB 254 191 234	#FEBFEA

#7B6CC2 #9079C8 #A687CF #BC95D6 #D2A3DC #E8B1E3 #FEBFEA

#7B6CC2 - #FEBFEA

HSV Blend

#7B6CC2 - #FEBFEA | 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 #7B6CC2 as 0% and #FEBFEA as 100%.

0.0%	0.0% #7B6CC2	RGB 123 108 194	#7B6CC2
16.7%	16.7% #9678CC	RGB 150 120 204	#9678CC
33.3%	33.3% #B285D6	RGB 178 133 214	#B285D6
50.0%	50.0% #CC92E0	RGB 204 146 224	#CC92E0
66.7%	66.7% #E5A0EA	RGB 229 160 234	#E5A0EA
83.3%	83.3% #F4AFEB	RGB 244 175 235	#F4AFEB
100.0%	100.0% #FEBFEA	RGB 254 191 234	#FEBFEA

#7B6CC2 #9678CC #B285D6 #CC92E0 #E5A0EA #F4AFEB #FEBFEA

#7B6CC2 - #CC92E0 - #FEBFEA

CSS codes

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

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