#6B6ECC - #8DA2FF | 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 #6B6ECC to #8DA2FF

#6B6ECC #8DA2FF

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

#6B6ECC - #8DA2FF | 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 #6B6ECC as 0% and #8DA2FF as 100%.

0.0%	0.0% #6B6ECC	RGB 107 110 204	#6B6ECC
16.7%	16.7% #7076D4	RGB 112 118 212	#7076D4
33.3%	33.3% #767FDD	RGB 118 127 221	#767FDD
50.0%	50.0% #7C88E5	RGB 124 136 229	#7C88E5
66.7%	66.7% #8190EE	RGB 129 144 238	#8190EE
83.3%	83.3% #8799F6	RGB 135 153 246	#8799F6
100.0%	100.0% #8DA2FF	RGB 141 162 255	#8DA2FF

#6B6ECC #7076D4 #767FDD #7C88E5 #8190EE #8799F6 #8DA2FF

#6B6ECC - #8DA2FF

HSV Blend

#6B6ECC - #8DA2FF | 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 #6B6ECC as 0% and #8DA2FF as 100%.

0.0%	0.0% #6B6ECC	RGB 107 110 204	#6B6ECC
16.7%	16.7% #7076D4	RGB 112 118 212	#7076D4
33.3%	33.3% #767EDD	RGB 118 126 221	#767EDD
50.0%	50.0% #7B87E5	RGB 123 135 229	#7B87E5
66.7%	66.7% #818FEE	RGB 129 143 238	#818FEE
83.3%	83.3% #8798F6	RGB 135 152 246	#8798F6
100.0%	100.0% #8DA2FF	RGB 141 162 255	#8DA2FF

#6B6ECC #7076D4 #767EDD #7B87E5 #818FEE #8798F6 #8DA2FF

#6B6ECC - #7B87E5 - #8DA2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6ECC 0%, #7B87E5 50%, #8DA2FF 100%);
    background: -webkit-linear-gradient(top, #6B6ECC 0%, #7B87E5 50%, #8DA2FF 100%);
    background: linear-gradient(to bottom, #6B6ECC 0%, #7B87E5 50%, #8DA2FF 100%);
}
</style>