#FF703B - #FFEF92 | colorate

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

Blend #FF703B to #FFEF92

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

RGBブレンド

#FF703B - #FFEF92 | colorate

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

0.0%	0.0% #FF703B	RGB 255 112 59	#FF703B
16.7%	16.7% #FF8549	RGB 255 133 73	#FF8549
33.3%	33.3% #FF9A58	RGB 255 154 88	#FF9A58
50.0%	50.0% #FFAF66	RGB 255 175 102	#FFAF66
66.7%	66.7% #FFC475	RGB 255 196 117	#FFC475
83.3%	83.3% #FFD983	RGB 255 217 131	#FFD983
100.0%	100.0% #FFEF92	RGB 255 239 146	#FFEF92

#FF703B #FF8549 #FF9A58 #FFAF66 #FFC475 #FFD983 #FFEF92

#FF703B - #FFEF92

HSVブレンド

#FF703B - #FFEF92 | colorate

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

0.0%	0.0% #FF703B	RGB 255 112 59	#FF703B
16.7%	16.7% #FF8C49	RGB 255 140 73	#FF8C49
33.3%	33.3% #FFA558	RGB 255 165 88	#FFA558
50.0%	50.0% #FFBC66	RGB 255 188 102	#FFBC66
66.7%	66.7% #FFCF75	RGB 255 207 117	#FFCF75
83.3%	83.3% #FFE083	RGB 255 224 131	#FFE083
100.0%	100.0% #FFEF92	RGB 255 239 146	#FFEF92

#FF703B #FF8C49 #FFA558 #FFBC66 #FFCF75 #FFE083 #FFEF92

#FF703B - #FFBC66 - #FFEF92

CSSコード

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

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