#FF5029 - #FFAB34 | colorate

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

Blend #FF5029 to #FFAB34

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

RGBブレンド

#FF5029 - #FFAB34 | colorate

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

0.0%	0.0% #FF5029	RGB 255 80 41	#FF5029
16.7%	16.7% #FF5F2A	RGB 255 95 42	#FF5F2A
33.3%	33.3% #FF6E2C	RGB 255 110 44	#FF6E2C
50.0%	50.0% #FF7D2E	RGB 255 125 46	#FF7D2E
66.7%	66.7% #FF8C30	RGB 255 140 48	#FF8C30
83.3%	83.3% #FF9B32	RGB 255 155 50	#FF9B32
100.0%	100.0% #FFAB34	RGB 255 171 52	#FFAB34

#FF5029 #FF5F2A #FF6E2C #FF7D2E #FF8C30 #FF9B32 #FFAB34

#FF5029 - #FFAB34

HSVブレンド

#FF5029 - #FFAB34 | colorate

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

0.0%	0.0% #FF4F28	RGB 255 79 40	#FF4F28
16.7%	16.7% #FF5F2A	RGB 255 95 42	#FF5F2A
33.3%	33.3% #FF6F2C	RGB 255 111 44	#FF6F2C
50.0%	50.0% #FF7E2E	RGB 255 126 46	#FF7E2E
66.7%	66.7% #FF8D30	RGB 255 141 48	#FF8D30
83.3%	83.3% #FF9C32	RGB 255 156 50	#FF9C32
100.0%	100.0% #FFAB34	RGB 255 171 52	#FFAB34

#FF4F28 #FF5F2A #FF6F2C #FF7E2E #FF8D30 #FF9C32 #FFAB34

#FF5029 - #FF7E2E - #FFAB34

CSSコード

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

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