#48696D - #131823 | 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 #48696D to #131823

#48696D #131823

Calculate the color between two colors, #48696D and #131823. 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)

#48696D - #131823 | 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 #48696D as 0% and #131823 as 100%.

0.0%	0.0% #48696D	RGB 72 105 109	#48696D
16.7%	16.7% #3F5B60	RGB 63 91 96	#3F5B60
33.3%	33.3% #364E54	RGB 54 78 84	#364E54
50.0%	50.0% #2D4048	RGB 45 64 72	#2D4048
66.7%	66.7% #24333B	RGB 36 51 59	#24333B
83.3%	83.3% #1B252F	RGB 27 37 47	#1B252F
100.0%	100.0% #131823	RGB 19 24 35	#131823

#48696D #3F5B60 #364E54 #2D4048 #24333B #1B252F #131823

#48696D - #131823

HSV Blend

#48696D - #131823 | 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 #48696D as 0% and #131823 as 100%.

0.0%	0.0% #48696D	RGB 72 105 109	#48696D
16.7%	16.7% #3D5960	RGB 61 89 96	#3D5960
33.3%	33.3% #344A54	RGB 52 74 84	#344A54
50.0%	50.0% #2B3C48	RGB 43 60 72	#2B3C48
66.7%	66.7% #222F3B	RGB 34 47 59	#222F3B
83.3%	83.3% #1A232F	RGB 26 35 47	#1A232F
100.0%	100.0% #131823	RGB 19 24 35	#131823

#48696D #3D5960 #344A54 #2B3C48 #222F3B #1A232F #131823

#48696D - #2B3C48 - #131823

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48696D 0%, #2B3C48 50%, #131823 100%);
    background: -webkit-linear-gradient(top, #48696D 0%, #2B3C48 50%, #131823 100%);
    background: linear-gradient(to bottom, #48696D 0%, #2B3C48 50%, #131823 100%);
}
</style>