#CB392E - #FF873A | colorate

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

Blend #CB392E to #FF873A

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

RGBブレンド

#CB392E - #FF873A | colorate

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

0.0%	0.0% #CB392E	RGB 203 57 46	#CB392E
16.7%	16.7% #D34630	RGB 211 70 48	#D34630
33.3%	33.3% #DC5332	RGB 220 83 50	#DC5332
50.0%	50.0% #E56034	RGB 229 96 52	#E56034
66.7%	66.7% #ED6D36	RGB 237 109 54	#ED6D36
83.3%	83.3% #F67A38	RGB 246 122 56	#F67A38
100.0%	100.0% #FF873A	RGB 255 135 58	#FF873A

#CB392E #D34630 #DC5332 #E56034 #ED6D36 #F67A38 #FF873A

#CB392E - #FF873A

HSVブレンド

#CB392E - #FF873A | colorate

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

0.0%	0.0% #CB392D	RGB 203 57 45	#CB392D
16.7%	16.7% #D3442F	RGB 211 68 47	#D3442F
33.3%	33.3% #DC5031	RGB 220 80 49	#DC5031
50.0%	50.0% #E55C33	RGB 229 92 51	#E55C33
66.7%	66.7% #ED6A35	RGB 237 106 53	#ED6A35
83.3%	83.3% #F67837	RGB 246 120 55	#F67837
100.0%	100.0% #FF873A	RGB 255 135 58	#FF873A

#CB392D #D3442F #DC5031 #E55C33 #ED6A35 #F67837 #FF873A

#CB392E - #E55C33 - #FF873A

CSSコード

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

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