#6F7ECE - #AFBFDB | 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 #6F7ECE to #AFBFDB

#6F7ECE #AFBFDB

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

#6F7ECE - #AFBFDB | 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 #6F7ECE as 0% and #AFBFDB as 100%.

0.0%	0.0% #6F7ECE	RGB 111 126 206	#6F7ECE
16.7%	16.7% #7988D0	RGB 121 136 208	#7988D0
33.3%	33.3% #8493D2	RGB 132 147 210	#8493D2
50.0%	50.0% #8F9ED4	RGB 143 158 212	#8F9ED4
66.7%	66.7% #99A9D6	RGB 153 169 214	#99A9D6
83.3%	83.3% #A4B4D8	RGB 164 180 216	#A4B4D8
100.0%	100.0% #AFBFDB	RGB 175 191 219	#AFBFDB

#6F7ECE #7988D0 #8493D2 #8F9ED4 #99A9D6 #A4B4D8 #AFBFDB

#6F7ECE - #AFBFDB

HSV Blend

#6F7ECE - #AFBFDB | 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 #6F7ECE as 0% and #AFBFDB as 100%.

0.0%	0.0% #6F7ECE	RGB 111 126 206	#6F7ECE
16.7%	16.7% #7989D0	RGB 121 137 208	#7989D0
33.3%	33.3% #8395D2	RGB 131 149 210	#8395D2
50.0%	50.0% #8EA0D4	RGB 142 160 212	#8EA0D4
66.7%	66.7% #98ABD6	RGB 152 171 214	#98ABD6
83.3%	83.3% #A3B5D8	RGB 163 181 216	#A3B5D8
100.0%	100.0% #AFBFDB	RGB 175 191 219	#AFBFDB

#6F7ECE #7989D0 #8395D2 #8EA0D4 #98ABD6 #A3B5D8 #AFBFDB

#6F7ECE - #8EA0D4 - #AFBFDB

CSS codes

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

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