#605AF6 - #C9C0FF | 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 #605AF6 to #C9C0FF

#605AF6 #C9C0FF

Calculate the color between two colors, #605AF6 and #C9C0FF. 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)

#605AF6 - #C9C0FF | 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 #605AF6 as 0% and #C9C0FF as 100%.

0.0%	0.0% #605AF6	RGB 96 90 246	#605AF6
16.7%	16.7% #716BF7	RGB 113 107 247	#716BF7
33.3%	33.3% #837CF9	RGB 131 124 249	#837CF9
50.0%	50.0% #948DFA	RGB 148 141 250	#948DFA
66.7%	66.7% #A69EFC	RGB 166 158 252	#A69EFC
83.3%	83.3% #B7AFFD	RGB 183 175 253	#B7AFFD
100.0%	100.0% #C9C0FF	RGB 201 192 255	#C9C0FF

#605AF6 #716BF7 #837CF9 #948DFA #A69EFC #B7AFFD #C9C0FF

#605AF6 - #C9C0FF

HSV Blend

#605AF6 - #C9C0FF | 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 #605AF6 as 0% and #C9C0FF as 100%.

0.0%	0.0% #605AF6	RGB 96 90 246	#605AF6
16.7%	16.7% #726AF7	RGB 114 106 247	#726AF7
33.3%	33.3% #847BF9	RGB 132 123 249	#847BF9
50.0%	50.0% #968CFA	RGB 150 140 250	#968CFA
66.7%	66.7% #A79DFC	RGB 167 157 252	#A79DFC
83.3%	83.3% #B8AEFD	RGB 184 174 253	#B8AEFD
100.0%	100.0% #C9C0FF	RGB 201 192 255	#C9C0FF

#605AF6 #726AF7 #847BF9 #968CFA #A79DFC #B8AEFD #C9C0FF

#605AF6 - #968CFA - #C9C0FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605AF6 0%, #968CFA 50%, #C9C0FF 100%);
    background: -webkit-linear-gradient(top, #605AF6 0%, #968CFA 50%, #C9C0FF 100%);
    background: linear-gradient(to bottom, #605AF6 0%, #968CFA 50%, #C9C0FF 100%);
}
</style>