#842800 - #D65D07 | colorate

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

Blend #842800 to #D65D07

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

RGBブレンド

#842800 - #D65D07 | colorate

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

0.0%	0.0% #842800	RGB 132 40 0	#842800
16.7%	16.7% #913001	RGB 145 48 1	#913001
33.3%	33.3% #9F3902	RGB 159 57 2	#9F3902
50.0%	50.0% #AD4203	RGB 173 66 3	#AD4203
66.7%	66.7% #BA4B04	RGB 186 75 4	#BA4B04
83.3%	83.3% #C85405	RGB 200 84 5	#C85405
100.0%	100.0% #D65D07	RGB 214 93 7	#D65D07

#842800 #913001 #9F3902 #AD4203 #BA4B04 #C85405 #D65D07

#842800 - #D65D07

HSVブレンド

#842800 - #D65D07 | colorate

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

0.0%	0.0% #842800	RGB 132 40 0	#842800
16.7%	16.7% #912F00	RGB 145 47 0	#912F00
33.3%	33.3% #9F3701	RGB 159 55 1	#9F3701
50.0%	50.0% #AD3F02	RGB 173 63 2	#AD3F02
66.7%	66.7% #BA4904	RGB 186 73 4	#BA4904
83.3%	83.3% #C85205	RGB 200 82 5	#C85205
100.0%	100.0% #D65D07	RGB 214 93 7	#D65D07

#842800 #912F00 #9F3701 #AD3F02 #BA4904 #C85205 #D65D07

#842800 - #AD3F02 - #D65D07

CSSコード

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

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