#5E78AF - #193758 | 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 #5E78AF to #193758

#5E78AF #193758

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

#5E78AF - #193758 | 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 #5E78AF as 0% and #193758 as 100%.

0.0%	0.0% #5E78AF	RGB 94 120 175	#5E78AF
16.7%	16.7% #526DA0	RGB 82 109 160	#526DA0
33.3%	33.3% #476292	RGB 71 98 146	#476292
50.0%	50.0% #3B5783	RGB 59 87 131	#3B5783
66.7%	66.7% #304C75	RGB 48 76 117	#304C75
83.3%	83.3% #244166	RGB 36 65 102	#244166
100.0%	100.0% #193758	RGB 25 55 88	#193758

#5E78AF #526DA0 #476292 #3B5783 #304C75 #244166 #193758

#5E78AF - #193758

HSV Blend

#5E78AF - #193758 | 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 #5E78AF as 0% and #193758 as 100%.

0.0%	0.0% #5E78AF	RGB 94 120 175	#5E78AF
16.7%	16.7% #4F6BA0	RGB 79 107 160	#4F6BA0
33.3%	33.3% #425F92	RGB 66 95 146	#425F92
50.0%	50.0% #355483	RGB 53 84 131	#355483
66.7%	66.7% #2B4A75	RGB 43 74 117	#2B4A75
83.3%	83.3% #214066	RGB 33 64 102	#214066
100.0%	100.0% #193758	RGB 25 55 88	#193758

#5E78AF #4F6BA0 #425F92 #355483 #2B4A75 #214066 #193758

#5E78AF - #355483 - #193758

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E78AF 0%, #355483 50%, #193758 100%);
    background: -webkit-linear-gradient(top, #5E78AF 0%, #355483 50%, #193758 100%);
    background: linear-gradient(to bottom, #5E78AF 0%, #355483 50%, #193758 100%);
}
</style>