#C7B5FF - #6F44DC | 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 #C7B5FF to #6F44DC

#C7B5FF #6F44DC

Calculate the color between two colors, #C7B5FF and #6F44DC. 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)

#C7B5FF - #6F44DC | 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 #C7B5FF as 0% and #6F44DC as 100%.

0.0%	0.0% #C7B5FF	RGB 199 181 255	#C7B5FF
16.7%	16.7% #B8A2F9	RGB 184 162 249	#B8A2F9
33.3%	33.3% #A98FF3	RGB 169 143 243	#A98FF3
50.0%	50.0% #9B7CED	RGB 155 124 237	#9B7CED
66.7%	66.7% #8C69E7	RGB 140 105 231	#8C69E7
83.3%	83.3% #7D56E1	RGB 125 86 225	#7D56E1
100.0%	100.0% #6F44DC	RGB 111 68 220	#6F44DC

#C7B5FF #B8A2F9 #A98FF3 #9B7CED #8C69E7 #7D56E1 #6F44DC

#C7B5FF - #6F44DC

HSV Blend

#C7B5FF - #6F44DC | 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 #C7B5FF as 0% and #6F44DC as 100%.

0.0%	0.0% #C7B5FF	RGB 199 181 255	#C7B5FF
16.7%	16.7% #B6A0F9	RGB 182 160 249	#B6A0F9
33.3%	33.3% #A68CF3	RGB 166 140 243	#A68CF3
50.0%	50.0% #9778ED	RGB 151 120 237	#9778ED
66.7%	66.7% #8966E7	RGB 137 102 231	#8966E7
83.3%	83.3% #7B54E1	RGB 123 84 225	#7B54E1
100.0%	100.0% #6F44DC	RGB 111 68 220	#6F44DC

#C7B5FF #B6A0F9 #A68CF3 #9778ED #8966E7 #7B54E1 #6F44DC

#C7B5FF - #9778ED - #6F44DC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7B5FF 0%, #9778ED 50%, #6F44DC 100%);
    background: -webkit-linear-gradient(top, #C7B5FF 0%, #9778ED 50%, #6F44DC 100%);
    background: linear-gradient(to bottom, #C7B5FF 0%, #9778ED 50%, #6F44DC 100%);
}
</style>