#5E75AB - #192B6B | 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 #5E75AB to #192B6B

#5E75AB #192B6B

Calculate the color between two colors, #5E75AB and #192B6B. 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)

#5E75AB - #192B6B | 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 #5E75AB as 0% and #192B6B as 100%.

0.0%	0.0% #5E75AB	RGB 94 117 171	#5E75AB
16.7%	16.7% #5268A0	RGB 82 104 160	#5268A0
33.3%	33.3% #475C95	RGB 71 92 149	#475C95
50.0%	50.0% #3B508B	RGB 59 80 139	#3B508B
66.7%	66.7% #304380	RGB 48 67 128	#304380
83.3%	83.3% #243775	RGB 36 55 117	#243775
100.0%	100.0% #192B6B	RGB 25 43 107	#192B6B

#5E75AB #5268A0 #475C95 #3B508B #304380 #243775 #192B6B

#5E75AB - #192B6B

HSV Blend

#5E75AB - #192B6B | 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 #5E75AB as 0% and #192B6B as 100%.

0.0%	0.0% #5E75AB	RGB 94 117 171	#5E75AB
16.7%	16.7% #4F66A0	RGB 79 102 160	#4F66A0
33.3%	33.3% #425995	RGB 66 89 149	#425995
50.0%	50.0% #364C8B	RGB 54 76 139	#364C8B
66.7%	66.7% #2B4080	RGB 43 64 128	#2B4080
83.3%	83.3% #213575	RGB 33 53 117	#213575
100.0%	100.0% #192B6B	RGB 25 43 107	#192B6B

#5E75AB #4F66A0 #425995 #364C8B #2B4080 #213575 #192B6B

#5E75AB - #364C8B - #192B6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E75AB 0%, #364C8B 50%, #192B6B 100%);
    background: -webkit-linear-gradient(top, #5E75AB 0%, #364C8B 50%, #192B6B 100%);
    background: linear-gradient(to bottom, #5E75AB 0%, #364C8B 50%, #192B6B 100%);
}
</style>