#252A64 - #5E6B98 | 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 #252A64 to #5E6B98

#252A64 #5E6B98

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

#252A64 - #5E6B98 | 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 #252A64 as 0% and #5E6B98 as 100%.

0.0%	0.0% #252A64	RGB 37 42 100	#252A64
16.7%	16.7% #2E346C	RGB 46 52 108	#2E346C
33.3%	33.3% #383F75	RGB 56 63 117	#383F75
50.0%	50.0% #414A7E	RGB 65 74 126	#414A7E
66.7%	66.7% #4B5586	RGB 75 85 134	#4B5586
83.3%	83.3% #54608F	RGB 84 96 143	#54608F
100.0%	100.0% #5E6B98	RGB 94 107 152	#5E6B98

#252A64 #2E346C #383F75 #414A7E #4B5586 #54608F #5E6B98

#252A64 - #5E6B98

HSV Blend

#252A64 - #5E6B98 | 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 #252A64 as 0% and #5E6B98 as 100%.

0.0%	0.0% #252A64	RGB 37 42 100	#252A64
16.7%	16.7% #2C336C	RGB 44 51 108	#2C336C
33.3%	33.3% #353D75	RGB 53 61 117	#353D75
50.0%	50.0% #3E477E	RGB 62 71 126	#3E477E
66.7%	66.7% #485386	RGB 72 83 134	#485386
83.3%	83.3% #525E8F	RGB 82 94 143	#525E8F
100.0%	100.0% #5E6B98	RGB 94 107 152	#5E6B98

#252A64 #2C336C #353D75 #3E477E #485386 #525E8F #5E6B98

#252A64 - #3E477E - #5E6B98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252A64 0%, #3E477E 50%, #5E6B98 100%);
    background: -webkit-linear-gradient(top, #252A64 0%, #3E477E 50%, #5E6B98 100%);
    background: linear-gradient(to bottom, #252A64 0%, #3E477E 50%, #5E6B98 100%);
}
</style>