#484B5E - #0F201C | 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 #484B5E to #0F201C

#484B5E #0F201C

Calculate the color between two colors, #484B5E and #0F201C. 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)

#484B5E - #0F201C | 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 #484B5E as 0% and #0F201C as 100%.

0.0%	0.0% #484B5E	RGB 72 75 94	#484B5E
16.7%	16.7% #3E4353	RGB 62 67 83	#3E4353
33.3%	33.3% #353C48	RGB 53 60 72	#353C48
50.0%	50.0% #2B353D	RGB 43 53 61	#2B353D
66.7%	66.7% #222E32	RGB 34 46 50	#222E32
83.3%	83.3% #182727	RGB 24 39 39	#182727
100.0%	100.0% #0F201C	RGB 15 32 28	#0F201C

#484B5E #3E4353 #353C48 #2B353D #222E32 #182727 #0F201C

#484B5E - #0F201C

HSV Blend

#484B5E - #0F201C | 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 #484B5E as 0% and #0F201C as 100%.

0.0%	0.0% #484B5E	RGB 72 75 94	#484B5E
16.7%	16.7% #3B4353	RGB 59 67 83	#3B4353
33.3%	33.3% #303D49	RGB 48 61 73	#303D49
50.0%	50.0% #26373F	RGB 38 55 63	#26373F
66.7%	66.7% #1D3134	RGB 29 49 52	#1D3134
83.3%	83.3% #152A29	RGB 21 42 41	#152A29
100.0%	100.0% #0F201C	RGB 15 32 28	#0F201C

#484B5E #3B4353 #303D49 #26373F #1D3134 #152A29 #0F201C

#484B5E - #26373F - #0F201C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484B5E 0%, #26373F 50%, #0F201C 100%);
    background: -webkit-linear-gradient(top, #484B5E 0%, #26373F 50%, #0F201C 100%);
    background: linear-gradient(to bottom, #484B5E 0%, #26373F 50%, #0F201C 100%);
}
</style>