#8686EA - #2830AB | 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 #8686EA to #2830AB

#8686EA #2830AB

Calculate the color between two colors, #8686EA and #2830AB. 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)

#8686EA - #2830AB | 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 #8686EA as 0% and #2830AB as 100%.

0.0%	0.0% #8686EA	RGB 134 134 234	#8686EA
16.7%	16.7% #7677DF	RGB 118 119 223	#7677DF
33.3%	33.3% #6669D5	RGB 102 105 213	#6669D5
50.0%	50.0% #575BCA	RGB 87 91 202	#575BCA
66.7%	66.7% #474CC0	RGB 71 76 192	#474CC0
83.3%	83.3% #373EB5	RGB 55 62 181	#373EB5
100.0%	100.0% #2830AB	RGB 40 48 171	#2830AB

#8686EA #7677DF #6669D5 #575BCA #474CC0 #373EB5 #2830AB

#8686EA - #2830AB

HSV Blend

#8686EA - #2830AB | 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 #8686EA as 0% and #2830AB as 100%.

0.0%	0.0% #8686EA	RGB 134 134 234	#8686EA
16.7%	16.7% #7374DF	RGB 115 116 223	#7374DF
33.3%	33.3% #6164D5	RGB 97 100 213	#6164D5
50.0%	50.0% #5155CA	RGB 81 85 202	#5155CA
66.7%	66.7% #4247C0	RGB 66 71 192	#4247C0
83.3%	83.3% #343BB5	RGB 52 59 181	#343BB5
100.0%	100.0% #2830AB	RGB 40 48 171	#2830AB

#8686EA #7374DF #6164D5 #5155CA #4247C0 #343BB5 #2830AB

#8686EA - #5155CA - #2830AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8686EA 0%, #5155CA 50%, #2830AB 100%);
    background: -webkit-linear-gradient(top, #8686EA 0%, #5155CA 50%, #2830AB 100%);
    background: linear-gradient(to bottom, #8686EA 0%, #5155CA 50%, #2830AB 100%);
}
</style>