#DF3024 - #8D120B | colorate

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

Blend #DF3024 to #8D120B

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

RGBブレンド

#DF3024 - #8D120B | colorate

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

0.0%	0.0% #DF3024	RGB 223 48 36	#DF3024
16.7%	16.7% #D12B1F	RGB 209 43 31	#D12B1F
33.3%	33.3% #C3261B	RGB 195 38 27	#C3261B
50.0%	50.0% #B62117	RGB 182 33 23	#B62117
66.7%	66.7% #A81C13	RGB 168 28 19	#A81C13
83.3%	83.3% #9A170F	RGB 154 23 15	#9A170F
100.0%	100.0% #8D120B	RGB 141 18 11	#8D120B

#DF3024 #D12B1F #C3261B #B62117 #A81C13 #9A170F #8D120B

#DF3024 - #8D120B

HSVブレンド

#DF3024 - #8D120B | colorate

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

0.0%	0.0% #DF3023	RGB 223 48 35	#DF3023
16.7%	16.7% #D12A1E	RGB 209 42 30	#D12A1E
33.3%	33.3% #C3241A	RGB 195 36 26	#C3241A
50.0%	50.0% #B61F15	RGB 182 31 21	#B61F15
66.7%	66.7% #A81A11	RGB 168 26 17	#A81A11
83.3%	83.3% #9A160E	RGB 154 22 14	#9A160E
100.0%	100.0% #8D120B	RGB 141 18 11	#8D120B

#DF3023 #D12A1E #C3241A #B61F15 #A81A11 #9A160E #8D120B

#DF3024 - #B61F15 - #8D120B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DF3023 0%, #B61F15 50%, #8D120B 100%);
    background: -webkit-linear-gradient(top, #DF3023 0%, #B61F15 50%, #8D120B 100%);
    background: linear-gradient(to bottom, #DF3023 0%, #B61F15 50%, #8D120B 100%);
}
</style>