#9E9EFF - #3640D0 | 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 #9E9EFF to #3640D0

#9E9EFF #3640D0

Calculate the color between two colors, #9E9EFF and #3640D0. 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)

#9E9EFF - #3640D0 | 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 #9E9EFF as 0% and #3640D0 as 100%.

0.0%	0.0% #9E9EFF	RGB 158 158 255	#9E9EFF
16.7%	16.7% #8C8EF7	RGB 140 142 247	#8C8EF7
33.3%	33.3% #7B7EEF	RGB 123 126 239	#7B7EEF
50.0%	50.0% #6A6FE7	RGB 106 111 231	#6A6FE7
66.7%	66.7% #585FDF	RGB 88 95 223	#585FDF
83.3%	83.3% #474FD7	RGB 71 79 215	#474FD7
100.0%	100.0% #3640D0	RGB 54 64 208	#3640D0

#9E9EFF #8C8EF7 #7B7EEF #6A6FE7 #585FDF #474FD7 #3640D0

#9E9EFF - #3640D0

HSV Blend

#9E9EFF - #3640D0 | 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 #9E9EFF as 0% and #3640D0 as 100%.

0.0%	0.0% #9E9EFF	RGB 158 158 255	#9E9EFF
16.7%	16.7% #8A8BF7	RGB 138 139 247	#8A8BF7
33.3%	33.3% #777AEF	RGB 119 122 239	#777AEF
50.0%	50.0% #6569E7	RGB 101 105 231	#6569E7
66.7%	66.7% #545ADF	RGB 84 90 223	#545ADF
83.3%	83.3% #444CD7	RGB 68 76 215	#444CD7
100.0%	100.0% #3640D0	RGB 54 64 208	#3640D0

#9E9EFF #8A8BF7 #777AEF #6569E7 #545ADF #444CD7 #3640D0

#9E9EFF - #6569E7 - #3640D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E9EFF 0%, #6569E7 50%, #3640D0 100%);
    background: -webkit-linear-gradient(top, #9E9EFF 0%, #6569E7 50%, #3640D0 100%);
    background: linear-gradient(to bottom, #9E9EFF 0%, #6569E7 50%, #3640D0 100%);
}
</style>