#5D9CEC - #184AAF | 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 #5D9CEC to #184AAF

#5D9CEC #184AAF

Calculate the color between two colors, #5D9CEC and #184AAF. 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)

#5D9CEC - #184AAF | 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 #5D9CEC as 0% and #184AAF as 100%.

0.0%	0.0% #5D9CEC	RGB 93 156 236	#5D9CEC
16.7%	16.7% #518EE1	RGB 81 142 225	#518EE1
33.3%	33.3% #4680D7	RGB 70 128 215	#4680D7
50.0%	50.0% #3A73CD	RGB 58 115 205	#3A73CD
66.7%	66.7% #2F65C3	RGB 47 101 195	#2F65C3
83.3%	83.3% #2357B9	RGB 35 87 185	#2357B9
100.0%	100.0% #184AAF	RGB 24 74 175	#184AAF

#5D9CEC #518EE1 #4680D7 #3A73CD #2F65C3 #2357B9 #184AAF

#5D9CEC - #184AAF

HSV Blend

#5D9CEC - #184AAF | 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 #5D9CEC as 0% and #184AAF as 100%.

0.0%	0.0% #5D9CEC	RGB 93 156 236	#5D9CEC
16.7%	16.7% #4F8DE1	RGB 79 141 225	#4F8DE1
33.3%	33.3% #427ED7	RGB 66 126 215	#427ED7
50.0%	50.0% #3670CD	RGB 54 112 205	#3670CD
66.7%	66.7% #2B63C3	RGB 43 99 195	#2B63C3
83.3%	83.3% #2156B9	RGB 33 86 185	#2156B9
100.0%	100.0% #184AAF	RGB 24 74 175	#184AAF

#5D9CEC #4F8DE1 #427ED7 #3670CD #2B63C3 #2156B9 #184AAF

#5D9CEC - #3670CD - #184AAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D9CEC 0%, #3670CD 50%, #184AAF 100%);
    background: -webkit-linear-gradient(top, #5D9CEC 0%, #3670CD 50%, #184AAF 100%);
    background: linear-gradient(to bottom, #5D9CEC 0%, #3670CD 50%, #184AAF 100%);
}
</style>