#6D5A8C - #85BFCC | 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 #6D5A8C to #85BFCC

#6D5A8C #85BFCC

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

#6D5A8C - #85BFCC | 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 #6D5A8C as 0% and #85BFCC as 100%.

0.0%	0.0% #6D5A8C	RGB 109 90 140	#6D5A8C
16.7%	16.7% #716A96	RGB 113 106 150	#716A96
33.3%	33.3% #757BA1	RGB 117 123 161	#757BA1
50.0%	50.0% #798CAC	RGB 121 140 172	#798CAC
66.7%	66.7% #7D9DB6	RGB 125 157 182	#7D9DB6
83.3%	83.3% #81AEC1	RGB 129 174 193	#81AEC1
100.0%	100.0% #85BFCC	RGB 133 191 204	#85BFCC

#6D5A8C #716A96 #757BA1 #798CAC #7D9DB6 #81AEC1 #85BFCC

#6D5A8C - #85BFCC

HSV Blend

#6D5A8C - #85BFCC | 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 #6D5A8C as 0% and #85BFCC as 100%.

0.0%	0.0% #6D5A8C	RGB 109 90 140	#6D5A8C
16.7%	16.7% #6A6196	RGB 106 97 150	#6A6196
33.3%	33.3% #6869A1	RGB 104 105 161	#6869A1
50.0%	50.0% #6F7CAC	RGB 111 124 172	#6F7CAC
66.7%	66.7% #7691B6	RGB 118 145 182	#7691B6
83.3%	83.3% #7DA7C1	RGB 125 167 193	#7DA7C1
100.0%	100.0% #85BFCC	RGB 133 191 204	#85BFCC

#6D5A8C #6A6196 #6869A1 #6F7CAC #7691B6 #7DA7C1 #85BFCC

#6D5A8C - #6F7CAC - #85BFCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5A8C 0%, #6F7CAC 50%, #85BFCC 100%);
    background: -webkit-linear-gradient(top, #6D5A8C 0%, #6F7CAC 50%, #85BFCC 100%);
    background: linear-gradient(to bottom, #6D5A8C 0%, #6F7CAC 50%, #85BFCC 100%);
}
</style>