#72293D - #29725C | colorate

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

Blend #72293D to #29725C

#72293D #29725C

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

RGBブレンド

#72293D - #29725C | colorate

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

0.0%	0.0% #72293D	RGB 114 41 61	#72293D
16.7%	16.7% #653542	RGB 101 53 66	#653542
33.3%	33.3% #594147	RGB 89 65 71	#594147
50.0%	50.0% #4D4D4C	RGB 77 77 76	#4D4D4C
66.7%	66.7% #415951	RGB 65 89 81	#415951
83.3%	83.3% #356556	RGB 53 101 86	#356556
100.0%	100.0% #29725C	RGB 41 114 92	#29725C

#72293D #653542 #594147 #4D4D4C #415951 #356556 #29725C

#72293D - #29725C

HSVブレンド

#72293D - #29725C | colorate

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

0.0%	0.0% #72293D	RGB 114 41 61	#72293D
16.7%	16.7% #723929	RGB 114 57 41	#723929
33.3%	33.3% #725D29	RGB 114 93 41	#725D29
50.0%	50.0% #627229	RGB 98 114 41	#627229
66.7%	66.7% #3E7229	RGB 62 114 41	#3E7229
83.3%	83.3% #297237	RGB 41 114 55	#297237
100.0%	100.0% #29725C	RGB 41 114 92	#29725C

#72293D #723929 #725D29 #627229 #3E7229 #297237 #29725C

#72293D - #627229 - #29725C

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #72293D 0%, #627229 50%, #29725C 100%);
    background: -webkit-linear-gradient(top, #72293D 0%, #627229 50%, #29725C 100%);
    background: linear-gradient(to bottom, #72293D 0%, #627229 50%, #29725C 100%);
}
</style>