#6E7FC0 - #8CACFF | 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 #6E7FC0 to #8CACFF

#6E7FC0 #8CACFF

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

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

0.0%	0.0% #6E7FC0	RGB 110 127 192	#6E7FC0
16.7%	16.7% #7386CA	RGB 115 134 202	#7386CA
33.3%	33.3% #788ED5	RGB 120 142 213	#788ED5
50.0%	50.0% #7D95DF	RGB 125 149 223	#7D95DF
66.7%	66.7% #829DEA	RGB 130 157 234	#829DEA
83.3%	83.3% #87A4F4	RGB 135 164 244	#87A4F4
100.0%	100.0% #8CACFF	RGB 140 172 255	#8CACFF

#6E7FC0 #7386CA #788ED5 #7D95DF #829DEA #87A4F4 #8CACFF

#6E7FC0 - #8CACFF

HSV Blend

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

0.0%	0.0% #6E7FC0	RGB 110 127 192	#6E7FC0
16.7%	16.7% #7386CA	RGB 115 134 202	#7386CA
33.3%	33.3% #788DD5	RGB 120 141 213	#788DD5
50.0%	50.0% #7D95DF	RGB 125 149 223	#7D95DF
66.7%	66.7% #829CEA	RGB 130 156 234	#829CEA
83.3%	83.3% #87A4F4	RGB 135 164 244	#87A4F4
100.0%	100.0% #8CACFF	RGB 140 172 255	#8CACFF

#6E7FC0 #7386CA #788DD5 #7D95DF #829CEA #87A4F4 #8CACFF

#6E7FC0 - #7D95DF - #8CACFF

CSS codes

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

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