#C6B5DF - #78539F | 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 #C6B5DF to #78539F

#C6B5DF #78539F

Calculate the color between two colors, #C6B5DF and #78539F. 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)

#C6B5DF - #78539F | 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 #C6B5DF as 0% and #78539F as 100%.

0.0%	0.0% #C6B5DF	RGB 198 181 223	#C6B5DF
16.7%	16.7% #B9A4D4	RGB 185 164 212	#B9A4D4
33.3%	33.3% #AC94C9	RGB 172 148 201	#AC94C9
50.0%	50.0% #9F84BF	RGB 159 132 191	#9F84BF
66.7%	66.7% #9273B4	RGB 146 115 180	#9273B4
83.3%	83.3% #8563A9	RGB 133 99 169	#8563A9
100.0%	100.0% #78539F	RGB 120 83 159	#78539F

#C6B5DF #B9A4D4 #AC94C9 #9F84BF #9273B4 #8563A9 #78539F

#C6B5DF - #78539F

HSV Blend

#C6B5DF - #78539F | 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 #C6B5DF as 0% and #78539F as 100%.

0.0%	0.0% #C6B5DF	RGB 198 181 223	#C6B5DF
16.7%	16.7% #B7A2D4	RGB 183 162 212	#B7A2D4
33.3%	33.3% #A990C9	RGB 169 144 201	#A990C9
50.0%	50.0% #9B7FBF	RGB 155 127 191	#9B7FBF
66.7%	66.7% #8F6FB4	RGB 143 111 180	#8F6FB4
83.3%	83.3% #8360A9	RGB 131 96 169	#8360A9
100.0%	100.0% #78539F	RGB 120 83 159	#78539F

#C6B5DF #B7A2D4 #A990C9 #9B7FBF #8F6FB4 #8360A9 #78539F

#C6B5DF - #9B7FBF - #78539F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6B5DF 0%, #9B7FBF 50%, #78539F 100%);
    background: -webkit-linear-gradient(top, #C6B5DF 0%, #9B7FBF 50%, #78539F 100%);
    background: linear-gradient(to bottom, #C6B5DF 0%, #9B7FBF 50%, #78539F 100%);
}
</style>