#5E75FF - #141FC0 | 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 #5E75FF to #141FC0

#5E75FF #141FC0

Calculate the color between two colors, #5E75FF and #141FC0. 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)

#5E75FF - #141FC0 | 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 #5E75FF as 0% and #141FC0 as 100%.

0.0%	0.0% #5E75FF	RGB 94 117 255	#5E75FF
16.7%	16.7% #5166F4	RGB 81 102 244	#5166F4
33.3%	33.3% #4558EA	RGB 69 88 234	#4558EA
50.0%	50.0% #394ADF	RGB 57 74 223	#394ADF
66.7%	66.7% #2C3BD5	RGB 44 59 213	#2C3BD5
83.3%	83.3% #202DCA	RGB 32 45 202	#202DCA
100.0%	100.0% #141FC0	RGB 20 31 192	#141FC0

#5E75FF #5166F4 #4558EA #394ADF #2C3BD5 #202DCA #141FC0

#5E75FF - #141FC0

HSV Blend

#5E75FF - #141FC0 | 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 #5E75FF as 0% and #141FC0 as 100%.

0.0%	0.0% #5D75FF	RGB 93 117 255	#5D75FF
16.7%	16.7% #4F64F4	RGB 79 100 244	#4F64F4
33.3%	33.3% #4155EA	RGB 65 85 234	#4155EA
50.0%	50.0% #3446DF	RGB 52 70 223	#3446DF
66.7%	66.7% #2838D5	RGB 40 56 213	#2838D5
83.3%	83.3% #1E2BCA	RGB 30 43 202	#1E2BCA
100.0%	100.0% #141FC0	RGB 20 31 192	#141FC0

#5D75FF #4F64F4 #4155EA #3446DF #2838D5 #1E2BCA #141FC0

#5E75FF - #3446DF - #141FC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D75FF 0%, #3446DF 50%, #141FC0 100%);
    background: -webkit-linear-gradient(top, #5D75FF 0%, #3446DF 50%, #141FC0 100%);
    background: linear-gradient(to bottom, #5D75FF 0%, #3446DF 50%, #141FC0 100%);
}
</style>