#5E5EDB - #8CABF2 | 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 #5E5EDB to #8CABF2

#5E5EDB #8CABF2

Calculate the color between two colors, #5E5EDB and #8CABF2. 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)

#5E5EDB - #8CABF2 | 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 #5E5EDB as 0% and #8CABF2 as 100%.

0.0%	0.0% #5E5EDB	RGB 94 94 219	#5E5EDB
16.7%	16.7% #656ADE	RGB 101 106 222	#656ADE
33.3%	33.3% #6D77E2	RGB 109 119 226	#6D77E2
50.0%	50.0% #7584E6	RGB 117 132 230	#7584E6
66.7%	66.7% #7C91EA	RGB 124 145 234	#7C91EA
83.3%	83.3% #849EEE	RGB 132 158 238	#849EEE
100.0%	100.0% #8CABF2	RGB 140 171 242	#8CABF2

#5E5EDB #656ADE #6D77E2 #7584E6 #7C91EA #849EEE #8CABF2

#5E5EDB - #8CABF2

HSV Blend

#5E5EDB - #8CABF2 | 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 #5E5EDB as 0% and #8CABF2 as 100%.

0.0%	0.0% #5E5EDB	RGB 94 94 219	#5E5EDB
16.7%	16.7% #656BDE	RGB 101 107 222	#656BDE
33.3%	33.3% #6C78E2	RGB 108 120 226	#6C78E2
50.0%	50.0% #7485E6	RGB 116 133 230	#7485E6
66.7%	66.7% #7B92EA	RGB 123 146 234	#7B92EA
83.3%	83.3% #839EEE	RGB 131 158 238	#839EEE
100.0%	100.0% #8CABF2	RGB 140 171 242	#8CABF2

#5E5EDB #656BDE #6C78E2 #7485E6 #7B92EA #839EEE #8CABF2

#5E5EDB - #7485E6 - #8CABF2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EDB 0%, #7485E6 50%, #8CABF2 100%);
    background: -webkit-linear-gradient(top, #5E5EDB 0%, #7485E6 50%, #8CABF2 100%);
    background: linear-gradient(to bottom, #5E5EDB 0%, #7485E6 50%, #8CABF2 100%);
}
</style>