#484656 - #250D14 | 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 #484656 to #250D14

#484656 #250D14

Calculate the color between two colors, #484656 and #250D14. 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)

#484656 - #250D14 | 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 #484656 as 0% and #250D14 as 100%.

0.0%	0.0% #484656	RGB 72 70 86	#484656
16.7%	16.7% #423C4B	RGB 66 60 75	#423C4B
33.3%	33.3% #3C3340	RGB 60 51 64	#3C3340
50.0%	50.0% #362935	RGB 54 41 53	#362935
66.7%	66.7% #30202A	RGB 48 32 42	#30202A
83.3%	83.3% #2A161F	RGB 42 22 31	#2A161F
100.0%	100.0% #250D14	RGB 37 13 20	#250D14

#484656 #423C4B #3C3340 #362935 #30202A #2A161F #250D14

#484656 - #250D14

HSV Blend

#484656 - #250D14 | 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 #484656 as 0% and #250D14 as 100%.

0.0%	0.0% #484656	RGB 72 70 86	#484656
16.7%	16.7% #41394D	RGB 65 57 77	#41394D
33.3%	33.3% #3D2D45	RGB 61 45 69	#3D2D45
50.0%	50.0% #3B233D	RGB 59 35 61	#3B233D
66.7%	66.7% #351A30	RGB 53 26 48	#351A30
83.3%	83.3% #2D1321	RGB 45 19 33	#2D1321
100.0%	100.0% #250D14	RGB 37 13 20	#250D14

#484656 #41394D #3D2D45 #3B233D #351A30 #2D1321 #250D14

#484656 - #3B233D - #250D14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484656 0%, #3B233D 50%, #250D14 100%);
    background: -webkit-linear-gradient(top, #484656 0%, #3B233D 50%, #250D14 100%);
    background: linear-gradient(to bottom, #484656 0%, #3B233D 50%, #250D14 100%);
}
</style>