#6EB2FF - #9F8DFF | 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 #6EB2FF to #9F8DFF

#6EB2FF #9F8DFF

Calculate the color between two colors, #6EB2FF and #9F8DFF. 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)

#6EB2FF - #9F8DFF | 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 #6EB2FF as 0% and #9F8DFF as 100%.

0.0%	0.0% #6EB2FF	RGB 110 178 255	#6EB2FF
16.7%	16.7% #76ABFF	RGB 118 171 255	#76ABFF
33.3%	33.3% #7EA5FF	RGB 126 165 255	#7EA5FF
50.0%	50.0% #869FFF	RGB 134 159 255	#869FFF
66.7%	66.7% #8E99FF	RGB 142 153 255	#8E99FF
83.3%	83.3% #9693FF	RGB 150 147 255	#9693FF
100.0%	100.0% #9F8DFF	RGB 159 141 255	#9F8DFF

#6EB2FF #76ABFF #7EA5FF #869FFF #8E99FF #9693FF #9F8DFF

#6EB2FF - #9F8DFF

HSV Blend

#6EB2FF - #9F8DFF | 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 #6EB2FF as 0% and #9F8DFF as 100%.

0.0%	0.0% #6EB2FF	RGB 110 178 255	#6EB2FF
16.7%	16.7% #73A6FF	RGB 115 166 255	#73A6FF
33.3%	33.3% #789BFF	RGB 120 155 255	#789BFF
50.0%	50.0% #7D91FF	RGB 125 145 255	#7D91FF
66.7%	66.7% #8289FF	RGB 130 137 255	#8289FF
83.3%	83.3% #8E87FF	RGB 142 135 255	#8E87FF
100.0%	100.0% #9F8DFF	RGB 159 141 255	#9F8DFF

#6EB2FF #73A6FF #789BFF #7D91FF #8289FF #8E87FF #9F8DFF

#6EB2FF - #7D91FF - #9F8DFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EB2FF 0%, #7D91FF 50%, #9F8DFF 100%);
    background: -webkit-linear-gradient(top, #6EB2FF 0%, #7D91FF 50%, #9F8DFF 100%);
    background: linear-gradient(to bottom, #6EB2FF 0%, #7D91FF 50%, #9F8DFF 100%);
}
</style>