#C7B2FF - #7742CF | 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 #C7B2FF to #7742CF

#C7B2FF #7742CF

Calculate the color between two colors, #C7B2FF and #7742CF. 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)

#C7B2FF - #7742CF | 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 #C7B2FF as 0% and #7742CF as 100%.

0.0%	0.0% #C7B2FF	RGB 199 178 255	#C7B2FF
16.7%	16.7% #B99FF7	RGB 185 159 247	#B99FF7
33.3%	33.3% #AC8CEF	RGB 172 140 239	#AC8CEF
50.0%	50.0% #9F7AE7	RGB 159 122 231	#9F7AE7
66.7%	66.7% #9167DF	RGB 145 103 223	#9167DF
83.3%	83.3% #8454D7	RGB 132 84 215	#8454D7
100.0%	100.0% #7742CF	RGB 119 66 207	#7742CF

#C7B2FF #B99FF7 #AC8CEF #9F7AE7 #9167DF #8454D7 #7742CF

#C7B2FF - #7742CF

HSV Blend

#C7B2FF - #7742CF | 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 #C7B2FF as 0% and #7742CF as 100%.

0.0%	0.0% #C7B2FF	RGB 199 178 255	#C7B2FF
16.7%	16.7% #B69CF7	RGB 182 156 247	#B69CF7
33.3%	33.3% #A888EF	RGB 168 136 239	#A888EF
50.0%	50.0% #9A75E7	RGB 154 117 231	#9A75E7
66.7%	66.7% #8D63DF	RGB 141 99 223	#8D63DF
83.3%	83.3% #8152D7	RGB 129 82 215	#8152D7
100.0%	100.0% #7742CF	RGB 119 66 207	#7742CF

#C7B2FF #B69CF7 #A888EF #9A75E7 #8D63DF #8152D7 #7742CF

#C7B2FF - #9A75E7 - #7742CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7B2FF 0%, #9A75E7 50%, #7742CF 100%);
    background: -webkit-linear-gradient(top, #C7B2FF 0%, #9A75E7 50%, #7742CF 100%);
    background: linear-gradient(to bottom, #C7B2FF 0%, #9A75E7 50%, #7742CF 100%);
}
</style>