#5E92D6 - #1A283D | 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 #5E92D6 to #1A283D

#5E92D6 #1A283D

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

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

0.0%	0.0% #5E92D6	RGB 94 146 214	#5E92D6
16.7%	16.7% #5280BC	RGB 82 128 188	#5280BC
33.3%	33.3% #476EA3	RGB 71 110 163	#476EA3
50.0%	50.0% #3C5D89	RGB 60 93 137	#3C5D89
66.7%	66.7% #304B70	RGB 48 75 112	#304B70
83.3%	83.3% #253956	RGB 37 57 86	#253956
100.0%	100.0% #1A283D	RGB 26 40 61	#1A283D

#5E92D6 #5280BC #476EA3 #3C5D89 #304B70 #253956 #1A283D

#5E92D6 - #1A283D

HSV Blend

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

0.0%	0.0% #5E92D6	RGB 94 146 214	#5E92D6
16.7%	16.7% #527FBC	RGB 82 127 188	#527FBC
33.3%	33.3% #466DA3	RGB 70 109 163	#466DA3
50.0%	50.0% #3B5C89	RGB 59 92 137	#3B5C89
66.7%	66.7% #304A70	RGB 48 74 112	#304A70
83.3%	83.3% #253956	RGB 37 57 86	#253956
100.0%	100.0% #1A283D	RGB 26 40 61	#1A283D

#5E92D6 #527FBC #466DA3 #3B5C89 #304A70 #253956 #1A283D

#5E92D6 - #3B5C89 - #1A283D

CSS codes

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

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