#242B2D - #686862 | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #242B2D to #686862

#242B2Dと#686862の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#242B2D - #686862 | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#242B2Dを0%、#686862を100%として二色間の色を展開します。

0.0%	0.0% #242B2D	RGB 36 43 45	#242B2D
16.7%	16.7% #2F3535	RGB 47 53 53	#2F3535
33.3%	33.3% #3A3F3E	RGB 58 63 62	#3A3F3E
50.0%	50.0% #464947	RGB 70 73 71	#464947
66.7%	66.7% #515350	RGB 81 83 80	#515350
83.3%	83.3% #5C5D59	RGB 92 93 89	#5C5D59
100.0%	100.0% #686862	RGB 104 104 98	#686862

#242B2D #2F3535 #3A3F3E #464947 #515350 #5C5D59 #686862

#242B2D - #686862

HSVブレンド

#242B2D - #686862 | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#242B2Dを0%、#686862を100%として二色間の色を展開します。

0.0%	0.0% #242B2D	RGB 36 43 45	#242B2D
16.7%	16.7% #2D3635	RGB 45 54 53	#2D3635
33.3%	33.3% #36403B	RGB 54 64 59	#36403B
50.0%	50.0% #404A41	RGB 64 74 65	#404A41
66.7%	66.7% #4D544B	RGB 77 84 75	#4D544B
83.3%	83.3% #5B5E56	RGB 91 94 86	#5B5E56
100.0%	100.0% #686862	RGB 104 104 98	#686862

#242B2D #2D3635 #36403B #404A41 #4D544B #5B5E56 #686862

#242B2D - #404A41 - #686862

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #242B2D 0%, #404A41 50%, #686862 100%);
    background: -webkit-linear-gradient(top, #242B2D 0%, #404A41 50%, #686862 100%);
    background: linear-gradient(to bottom, #242B2D 0%, #404A41 50%, #686862 100%);
}
</style>