#5E98EA - #1946AB | 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 #5E98EA to #1946AB

#5E98EA #1946AB

Calculate the color between two colors, #5E98EA and #1946AB. 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)

#5E98EA - #1946AB | 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 #5E98EA as 0% and #1946AB as 100%.

0.0%	0.0% #5E98EA	RGB 94 152 234	#5E98EA
16.7%	16.7% #528ADF	RGB 82 138 223	#528ADF
33.3%	33.3% #477CD5	RGB 71 124 213	#477CD5
50.0%	50.0% #3B6FCA	RGB 59 111 202	#3B6FCA
66.7%	66.7% #3061C0	RGB 48 97 192	#3061C0
83.3%	83.3% #2453B5	RGB 36 83 181	#2453B5
100.0%	100.0% #1946AB	RGB 25 70 171	#1946AB

#5E98EA #528ADF #477CD5 #3B6FCA #3061C0 #2453B5 #1946AB

#5E98EA - #1946AB

HSV Blend

#5E98EA - #1946AB | 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 #5E98EA as 0% and #1946AB as 100%.

0.0%	0.0% #5E98EA	RGB 94 152 234	#5E98EA
16.7%	16.7% #5089DF	RGB 80 137 223	#5089DF
33.3%	33.3% #437AD5	RGB 67 122 213	#437AD5
50.0%	50.0% #376CCA	RGB 55 108 202	#376CCA
66.7%	66.7% #2C5FC0	RGB 44 95 192	#2C5FC0
83.3%	83.3% #2252B5	RGB 34 82 181	#2252B5
100.0%	100.0% #1946AB	RGB 25 70 171	#1946AB

#5E98EA #5089DF #437AD5 #376CCA #2C5FC0 #2252B5 #1946AB

#5E98EA - #376CCA - #1946AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E98EA 0%, #376CCA 50%, #1946AB 100%);
    background: -webkit-linear-gradient(top, #5E98EA 0%, #376CCA 50%, #1946AB 100%);
    background: linear-gradient(to bottom, #5E98EA 0%, #376CCA 50%, #1946AB 100%);
}
</style>