#5E94B2 - #19658A | 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 #5E94B2 to #19658A

#5E94B2 #19658A

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

#5E94B2 - #19658A | 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 #5E94B2 as 0% and #19658A as 100%.

0.0%	0.0% #5E94B2	RGB 94 148 178	#5E94B2
16.7%	16.7% #528CAB	RGB 82 140 171	#528CAB
33.3%	33.3% #4784A4	RGB 71 132 164	#4784A4
50.0%	50.0% #3B7C9E	RGB 59 124 158	#3B7C9E
66.7%	66.7% #307497	RGB 48 116 151	#307497
83.3%	83.3% #246C90	RGB 36 108 144	#246C90
100.0%	100.0% #19658A	RGB 25 101 138	#19658A

#5E94B2 #528CAB #4784A4 #3B7C9E #307497 #246C90 #19658A

#5E94B2 - #19658A

HSV Blend

#5E94B2 - #19658A | 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 #5E94B2 as 0% and #19658A as 100%.

0.0%	0.0% #5E93B2	RGB 94 147 178	#5E93B2
16.7%	16.7% #508BAB	RGB 80 139 171	#508BAB
33.3%	33.3% #4383A4	RGB 67 131 164	#4383A4
50.0%	50.0% #387B9E	RGB 56 123 158	#387B9E
66.7%	66.7% #2C7397	RGB 44 115 151	#2C7397
83.3%	83.3% #226C90	RGB 34 108 144	#226C90
100.0%	100.0% #19658A	RGB 25 101 138	#19658A

#5E93B2 #508BAB #4383A4 #387B9E #2C7397 #226C90 #19658A

#5E94B2 - #387B9E - #19658A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E93B2 0%, #387B9E 50%, #19658A 100%);
    background: -webkit-linear-gradient(top, #5E93B2 0%, #387B9E 50%, #19658A 100%);
    background: linear-gradient(to bottom, #5E93B2 0%, #387B9E 50%, #19658A 100%);
}
</style>