#4A848D - #253A3F | 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 #4A848D to #253A3F

#4A848D #253A3F

Calculate the color between two colors, #4A848D and #253A3F. 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)

#4A848D - #253A3F | 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 #4A848D as 0% and #253A3F as 100%.

0.0%	0.0% #4A848D	RGB 74 132 141	#4A848D
16.7%	16.7% #437780	RGB 67 119 128	#437780
33.3%	33.3% #3D6B73	RGB 61 107 115	#3D6B73
50.0%	50.0% #375F66	RGB 55 95 102	#375F66
66.7%	66.7% #315259	RGB 49 82 89	#315259
83.3%	83.3% #2B464C	RGB 43 70 76	#2B464C
100.0%	100.0% #253A3F	RGB 37 58 63	#253A3F

#4A848D #437780 #3D6B73 #375F66 #315259 #2B464C #253A3F

#4A848D - #253A3F

HSV Blend

#4A848D - #253A3F | 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 #4A848D as 0% and #253A3F as 100%.

0.0%	0.0% #4A848D	RGB 74 132 141	#4A848D
16.7%	16.7% #447780	RGB 68 119 128	#447780
33.3%	33.3% #3E6A73	RGB 62 106 115	#3E6A73
50.0%	50.0% #385E66	RGB 56 94 102	#385E66
66.7%	66.7% #325259	RGB 50 82 89	#325259
83.3%	83.3% #2B464C	RGB 43 70 76	#2B464C
100.0%	100.0% #253A3F	RGB 37 58 63	#253A3F

#4A848D #447780 #3E6A73 #385E66 #325259 #2B464C #253A3F

#4A848D - #385E66 - #253A3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A848D 0%, #385E66 50%, #253A3F 100%);
    background: -webkit-linear-gradient(top, #4A848D 0%, #385E66 50%, #253A3F 100%);
    background: linear-gradient(to bottom, #4A848D 0%, #385E66 50%, #253A3F 100%);
}
</style>