#7B7AC6 - #CB9CFD | 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 #7B7AC6 to #CB9CFD

#7B7AC6 #CB9CFD

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

#7B7AC6 - #CB9CFD | 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 #7B7AC6 as 0% and #CB9CFD as 100%.

0.0%	0.0% #7B7AC6	RGB 123 122 198	#7B7AC6
16.7%	16.7% #887FCF	RGB 136 127 207	#887FCF
33.3%	33.3% #9585D8	RGB 149 133 216	#9585D8
50.0%	50.0% #A38BE1	RGB 163 139 225	#A38BE1
66.7%	66.7% #B090EA	RGB 176 144 234	#B090EA
83.3%	83.3% #BD96F3	RGB 189 150 243	#BD96F3
100.0%	100.0% #CB9CFD	RGB 203 156 253	#CB9CFD

#7B7AC6 #887FCF #9585D8 #A38BE1 #B090EA #BD96F3 #CB9CFD

#7B7AC6 - #CB9CFD

HSV Blend

#7B7AC6 - #CB9CFD | 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 #7B7AC6 as 0% and #CB9CFD as 100%.

0.0%	0.0% #7B7AC6	RGB 123 122 198	#7B7AC6
16.7%	16.7% #867FCF	RGB 134 127 207	#867FCF
33.3%	33.3% #9385D8	RGB 147 133 216	#9385D8
50.0%	50.0% #A08AE1	RGB 160 138 225	#A08AE1
66.7%	66.7% #AE90EA	RGB 174 144 234	#AE90EA
83.3%	83.3% #BC96F3	RGB 188 150 243	#BC96F3
100.0%	100.0% #CB9CFD	RGB 203 156 253	#CB9CFD

#7B7AC6 #867FCF #9385D8 #A08AE1 #AE90EA #BC96F3 #CB9CFD

#7B7AC6 - #A08AE1 - #CB9CFD

CSS codes

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

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