#8C9CFE - #385CEB | 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 #8C9CFE to #385CEB

#8C9CFE #385CEB

Calculate the color between two colors, #8C9CFE and #385CEB. 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)

#8C9CFE - #385CEB | 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 #8C9CFE as 0% and #385CEB as 100%.

0.0%	0.0% #8C9CFE	RGB 140 156 254	#8C9CFE
16.7%	16.7% #7E91FA	RGB 126 145 250	#7E91FA
33.3%	33.3% #7086F7	RGB 112 134 247	#7086F7
50.0%	50.0% #627CF4	RGB 98 124 244	#627CF4
66.7%	66.7% #5471F1	RGB 84 113 241	#5471F1
83.3%	83.3% #4666EE	RGB 70 102 238	#4666EE
100.0%	100.0% #385CEB	RGB 56 92 235	#385CEB

#8C9CFE #7E91FA #7086F7 #627CF4 #5471F1 #4666EE #385CEB

#8C9CFE - #385CEB

HSV Blend

#8C9CFE - #385CEB | 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 #8C9CFE as 0% and #385CEB as 100%.

0.0%	0.0% #8C9CFE	RGB 140 156 254	#8C9CFE
16.7%	16.7% #7D90FA	RGB 125 144 250	#7D90FA
33.3%	33.3% #6E84F7	RGB 110 132 247	#6E84F7
50.0%	50.0% #6079F4	RGB 96 121 244	#6079F4
66.7%	66.7% #526FF1	RGB 82 111 241	#526FF1
83.3%	83.3% #4565EE	RGB 69 101 238	#4565EE
100.0%	100.0% #385CEB	RGB 56 92 235	#385CEB

#8C9CFE #7D90FA #6E84F7 #6079F4 #526FF1 #4565EE #385CEB

#8C9CFE - #6079F4 - #385CEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9CFE 0%, #6079F4 50%, #385CEB 100%);
    background: -webkit-linear-gradient(top, #8C9CFE 0%, #6079F4 50%, #385CEB 100%);
    background: linear-gradient(to bottom, #8C9CFE 0%, #6079F4 50%, #385CEB 100%);
}
</style>