#5E69BD - #1B2768 | 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 #5E69BD to #1B2768

#5E69BD #1B2768

Calculate the color between two colors, #5E69BD and #1B2768. 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)

#5E69BD - #1B2768 | 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 #5E69BD as 0% and #1B2768 as 100%.

0.0%	0.0% #5E69BD	RGB 94 105 189	#5E69BD
16.7%	16.7% #525EAE	RGB 82 94 174	#525EAE
33.3%	33.3% #4753A0	RGB 71 83 160	#4753A0
50.0%	50.0% #3C4892	RGB 60 72 146	#3C4892
66.7%	66.7% #313D84	RGB 49 61 132	#313D84
83.3%	83.3% #263276	RGB 38 50 118	#263276
100.0%	100.0% #1B2768	RGB 27 39 104	#1B2768

#5E69BD #525EAE #4753A0 #3C4892 #313D84 #263276 #1B2768

#5E69BD - #1B2768

HSV Blend

#5E69BD - #1B2768 | 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 #5E69BD as 0% and #1B2768 as 100%.

0.0%	0.0% #5E69BD	RGB 94 105 189	#5E69BD
16.7%	16.7% #505BAE	RGB 80 91 174	#505BAE
33.3%	33.3% #434FA0	RGB 67 79 160	#434FA0
50.0%	50.0% #374392	RGB 55 67 146	#374392
66.7%	66.7% #2C3984	RGB 44 57 132	#2C3984
83.3%	83.3% #232F76	RGB 35 47 118	#232F76
100.0%	100.0% #1B2768	RGB 27 39 104	#1B2768

#5E69BD #505BAE #434FA0 #374392 #2C3984 #232F76 #1B2768

#5E69BD - #374392 - #1B2768

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E69BD 0%, #374392 50%, #1B2768 100%);
    background: -webkit-linear-gradient(top, #5E69BD 0%, #374392 50%, #1B2768 100%);
    background: linear-gradient(to bottom, #5E69BD 0%, #374392 50%, #1B2768 100%);
}
</style>