#576A8C - #252C3E | 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 #576A8C to #252C3E

#576A8C #252C3E

Calculate the color between two colors, #576A8C and #252C3E. 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)

#576A8C - #252C3E | 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 #576A8C as 0% and #252C3E as 100%.

0.0%	0.0% #576A8C	RGB 87 106 140	#576A8C
16.7%	16.7% #4E5F7F	RGB 78 95 127	#4E5F7F
33.3%	33.3% #465572	RGB 70 85 114	#465572
50.0%	50.0% #3E4B65	RGB 62 75 101	#3E4B65
66.7%	66.7% #354058	RGB 53 64 88	#354058
83.3%	83.3% #2D364B	RGB 45 54 75	#2D364B
100.0%	100.0% #252C3E	RGB 37 44 62	#252C3E

#576A8C #4E5F7F #465572 #3E4B65 #354058 #2D364B #252C3E

#576A8C - #252C3E

HSV Blend

#576A8C - #252C3E | 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 #576A8C as 0% and #252C3E as 100%.

0.0%	0.0% #576A8C	RGB 87 106 140	#576A8C
16.7%	16.7% #4E5F7F	RGB 78 95 127	#4E5F7F
33.3%	33.3% #455472	RGB 69 84 114	#455472
50.0%	50.0% #3D4A65	RGB 61 74 101	#3D4A65
66.7%	66.7% #353F58	RGB 53 63 88	#353F58
83.3%	83.3% #2D354B	RGB 45 53 75	#2D354B
100.0%	100.0% #252C3E	RGB 37 44 62	#252C3E

#576A8C #4E5F7F #455472 #3D4A65 #353F58 #2D354B #252C3E

#576A8C - #3D4A65 - #252C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #576A8C 0%, #3D4A65 50%, #252C3E 100%);
    background: -webkit-linear-gradient(top, #576A8C 0%, #3D4A65 50%, #252C3E 100%);
    background: linear-gradient(to bottom, #576A8C 0%, #3D4A65 50%, #252C3E 100%);
}
</style>