#1C2F2E - #416D52 | colorate

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

Blend #1C2F2E to #416D52

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

RGBブレンド

#1C2F2E - #416D52 | colorate

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

0.0%	0.0% #1C2F2E	RGB 28 47 46	#1C2F2E
16.7%	16.7% #223934	RGB 34 57 52	#223934
33.3%	33.3% #28433A	RGB 40 67 58	#28433A
50.0%	50.0% #2E4E40	RGB 46 78 64	#2E4E40
66.7%	66.7% #345846	RGB 52 88 70	#345846
83.3%	83.3% #3A624C	RGB 58 98 76	#3A624C
100.0%	100.0% #416D52	RGB 65 109 82	#416D52

#1C2F2E #223934 #28433A #2E4E40 #345846 #3A624C #416D52

#1C2F2E - #416D52

HSVブレンド

#1C2F2E - #416D52 | colorate

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

0.0%	0.0% #1C2F2E	RGB 28 47 46	#1C2F2E
16.7%	16.7% #223935	RGB 34 57 53	#223935
33.3%	33.3% #28433D	RGB 40 67 61	#28433D
50.0%	50.0% #2E4E43	RGB 46 78 67	#2E4E43
66.7%	66.7% #345849	RGB 52 88 73	#345849
83.3%	83.3% #3A624D	RGB 58 98 77	#3A624D
100.0%	100.0% #416D52	RGB 65 109 82	#416D52

#1C2F2E #223935 #28433D #2E4E43 #345849 #3A624D #416D52

#1C2F2E - #2E4E43 - #416D52

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C2F2E 0%, #2E4E43 50%, #416D52 100%);
    background: -webkit-linear-gradient(top, #1C2F2E 0%, #2E4E43 50%, #416D52 100%);
    background: linear-gradient(to bottom, #1C2F2E 0%, #2E4E43 50%, #416D52 100%);
}
</style>