#7B7AB8 - #C99DFD | 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 #7B7AB8 to #C99DFD

#7B7AB8 #C99DFD

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

#7B7AB8 - #C99DFD | 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 #7B7AB8 as 0% and #C99DFD as 100%.

0.0%	0.0% #7B7AB8	RGB 123 122 184	#7B7AB8
16.7%	16.7% #887FC3	RGB 136 127 195	#887FC3
33.3%	33.3% #9585CF	RGB 149 133 207	#9585CF
50.0%	50.0% #A28BDA	RGB 162 139 218	#A28BDA
66.7%	66.7% #AF91E6	RGB 175 145 230	#AF91E6
83.3%	83.3% #BC97F1	RGB 188 151 241	#BC97F1
100.0%	100.0% #C99DFD	RGB 201 157 253	#C99DFD

#7B7AB8 #887FC3 #9585CF #A28BDA #AF91E6 #BC97F1 #C99DFD

#7B7AB8 - #C99DFD

HSV Blend

#7B7AB8 - #C99DFD | 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 #7B7AB8 as 0% and #C99DFD as 100%.

0.0%	0.0% #7B7AB8	RGB 123 122 184	#7B7AB8
16.7%	16.7% #8680C3	RGB 134 128 195	#8680C3
33.3%	33.3% #9286CF	RGB 146 134 207	#9286CF
50.0%	50.0% #9E8CDA	RGB 158 140 218	#9E8CDA
66.7%	66.7% #AC91E6	RGB 172 145 230	#AC91E6
83.3%	83.3% #BA97F1	RGB 186 151 241	#BA97F1
100.0%	100.0% #C99DFD	RGB 201 157 253	#C99DFD

#7B7AB8 #8680C3 #9286CF #9E8CDA #AC91E6 #BA97F1 #C99DFD

#7B7AB8 - #9E8CDA - #C99DFD

CSS codes

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

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