#5E92CD - #1F4583 | 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 #5E92CD to #1F4583

#5E92CD #1F4583

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

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

0.0%	0.0% #5E92CD	RGB 94 146 205	#5E92CD
16.7%	16.7% #5385C0	RGB 83 133 192	#5385C0
33.3%	33.3% #4978B4	RGB 73 120 180	#4978B4
50.0%	50.0% #3E6BA8	RGB 62 107 168	#3E6BA8
66.7%	66.7% #345E9B	RGB 52 94 155	#345E9B
83.3%	83.3% #29518F	RGB 41 81 143	#29518F
100.0%	100.0% #1F4583	RGB 31 69 131	#1F4583

#5E92CD #5385C0 #4978B4 #3E6BA8 #345E9B #29518F #1F4583

#5E92CD - #1F4583

HSV Blend

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

0.0%	0.0% #5E92CD	RGB 94 146 205	#5E92CD
16.7%	16.7% #5183C0	RGB 81 131 192	#5183C0
33.3%	33.3% #4576B4	RGB 69 118 180	#4576B4
50.0%	50.0% #3A68A8	RGB 58 104 168	#3A68A8
66.7%	66.7% #305C9B	RGB 48 92 155	#305C9B
83.3%	83.3% #27508F	RGB 39 80 143	#27508F
100.0%	100.0% #1F4583	RGB 31 69 131	#1F4583

#5E92CD #5183C0 #4576B4 #3A68A8 #305C9B #27508F #1F4583

#5E92CD - #3A68A8 - #1F4583

CSS codes

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

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