#5E7884 - #283239 | 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 #5E7884 to #283239

#5E7884 #283239

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

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

0.0%	0.0% #5E7884	RGB 94 120 132	#5E7884
16.7%	16.7% #556C77	RGB 85 108 119	#556C77
33.3%	33.3% #4C606B	RGB 76 96 107	#4C606B
50.0%	50.0% #43555E	RGB 67 85 94	#43555E
66.7%	66.7% #3A4952	RGB 58 73 82	#3A4952
83.3%	83.3% #313D45	RGB 49 61 69	#313D45
100.0%	100.0% #283239	RGB 40 50 57	#283239

#5E7884 #556C77 #4C606B #43555E #3A4952 #313D45 #283239

#5E7884 - #283239

HSV Blend

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

0.0%	0.0% #5E7884	RGB 94 120 132	#5E7884
16.7%	16.7% #546C77	RGB 84 108 119	#546C77
33.3%	33.3% #4B606B	RGB 75 96 107	#4B606B
50.0%	50.0% #42545E	RGB 66 84 94	#42545E
66.7%	66.7% #394852	RGB 57 72 82	#394852
83.3%	83.3% #303D45	RGB 48 61 69	#303D45
100.0%	100.0% #283239	RGB 40 50 57	#283239

#5E7884 #546C77 #4B606B #42545E #394852 #303D45 #283239

#5E7884 - #42545E - #283239

CSS codes

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

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