#5E7274 - #19343F | 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 #5E7274 to #19343F

#5E7274 #19343F

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

#5E7274 - #19343F | 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 #5E7274 as 0% and #19343F as 100%.

0.0%	0.0% #5E7274	RGB 94 114 116	#5E7274
16.7%	16.7% #52676B	RGB 82 103 107	#52676B
33.3%	33.3% #475D62	RGB 71 93 98	#475D62
50.0%	50.0% #3B5359	RGB 59 83 89	#3B5359
66.7%	66.7% #304850	RGB 48 72 80	#304850
83.3%	83.3% #243E47	RGB 36 62 71	#243E47
100.0%	100.0% #19343F	RGB 25 52 63	#19343F

#5E7274 #52676B #475D62 #3B5359 #304850 #243E47 #19343F

#5E7274 - #19343F

HSV Blend

#5E7274 - #19343F | 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 #5E7274 as 0% and #19343F as 100%.

0.0%	0.0% #5E7274	RGB 94 114 116	#5E7274
16.7%	16.7% #4F676B	RGB 79 103 107	#4F676B
33.3%	33.3% #425D62	RGB 66 93 98	#425D62
50.0%	50.0% #365259	RGB 54 82 89	#365259
66.7%	66.7% #2B4850	RGB 43 72 80	#2B4850
83.3%	83.3% #213D47	RGB 33 61 71	#213D47
100.0%	100.0% #19343F	RGB 25 52 63	#19343F

#5E7274 #4F676B #425D62 #365259 #2B4850 #213D47 #19343F

#5E7274 - #365259 - #19343F

CSS codes

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

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