#145DCC - #5EB6F7 | 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 #145DCC to #5EB6F7

#145DCC #5EB6F7

Calculate the color between two colors, #145DCC and #5EB6F7. 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)

#145DCC - #5EB6F7 | 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 #145DCC as 0% and #5EB6F7 as 100%.

0.0%	0.0% #145DCC	RGB 20 93 204	#145DCC
16.7%	16.7% #206BD3	RGB 32 107 211	#206BD3
33.3%	33.3% #2C7ADA	RGB 44 122 218	#2C7ADA
50.0%	50.0% #3989E1	RGB 57 137 225	#3989E1
66.7%	66.7% #4598E8	RGB 69 152 232	#4598E8
83.3%	83.3% #51A7EF	RGB 81 167 239	#51A7EF
100.0%	100.0% #5EB6F7	RGB 94 182 247	#5EB6F7

#145DCC #206BD3 #2C7ADA #3989E1 #4598E8 #51A7EF #5EB6F7

#145DCC - #5EB6F7

HSV Blend

#145DCC - #5EB6F7 | 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 #145DCC as 0% and #5EB6F7 as 100%.

0.0%	0.0% #145CCC	RGB 20 92 204	#145CCC
16.7%	16.7% #1E6BD3	RGB 30 107 211	#1E6BD3
33.3%	33.3% #297ADA	RGB 41 122 218	#297ADA
50.0%	50.0% #3589E1	RGB 53 137 225	#3589E1
66.7%	66.7% #4298E8	RGB 66 152 232	#4298E8
83.3%	83.3% #4FA7EF	RGB 79 167 239	#4FA7EF
100.0%	100.0% #5EB6F7	RGB 94 182 247	#5EB6F7

#145CCC #1E6BD3 #297ADA #3589E1 #4298E8 #4FA7EF #5EB6F7

#145DCC - #3589E1 - #5EB6F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #145CCC 0%, #3589E1 50%, #5EB6F7 100%);
    background: -webkit-linear-gradient(top, #145CCC 0%, #3589E1 50%, #5EB6F7 100%);
    background: linear-gradient(to bottom, #145CCC 0%, #3589E1 50%, #5EB6F7 100%);
}
</style>