#6F6FEB - #97B8F8 | 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 #6F6FEB to #97B8F8

#6F6FEB #97B8F8

Calculate the color between two colors, #6F6FEB and #97B8F8. 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)

#6F6FEB - #97B8F8 | 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 #6F6FEB as 0% and #97B8F8 as 100%.

0.0%	0.0% #6F6FEB	RGB 111 111 235	#6F6FEB
16.7%	16.7% #757BED	RGB 117 123 237	#757BED
33.3%	33.3% #7C87EF	RGB 124 135 239	#7C87EF
50.0%	50.0% #8393F1	RGB 131 147 241	#8393F1
66.7%	66.7% #899FF3	RGB 137 159 243	#899FF3
83.3%	83.3% #90ABF5	RGB 144 171 245	#90ABF5
100.0%	100.0% #97B8F8	RGB 151 184 248	#97B8F8

#6F6FEB #757BED #7C87EF #8393F1 #899FF3 #90ABF5 #97B8F8

#6F6FEB - #97B8F8

HSV Blend

#6F6FEB - #97B8F8 | 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 #6F6FEB as 0% and #97B8F8 as 100%.

0.0%	0.0% #6F6FEB	RGB 111 111 235	#6F6FEB
16.7%	16.7% #757CED	RGB 117 124 237	#757CED
33.3%	33.3% #7B89EF	RGB 123 137 239	#7B89EF
50.0%	50.0% #8295F1	RGB 130 149 241	#8295F1
66.7%	66.7% #89A1F3	RGB 137 161 243	#89A1F3
83.3%	83.3% #90ACF5	RGB 144 172 245	#90ACF5
100.0%	100.0% #97B8F8	RGB 151 184 248	#97B8F8

#6F6FEB #757CED #7B89EF #8295F1 #89A1F3 #90ACF5 #97B8F8

#6F6FEB - #8295F1 - #97B8F8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F6FEB 0%, #8295F1 50%, #97B8F8 100%);
    background: -webkit-linear-gradient(top, #6F6FEB 0%, #8295F1 50%, #97B8F8 100%);
    background: linear-gradient(to bottom, #6F6FEB 0%, #8295F1 50%, #97B8F8 100%);
}
</style>