#FFAC92 - #CA4D36 | colorate

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

Blend #FFAC92 to #CA4D36

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

RGBブレンド

#FFAC92 - #CA4D36 | colorate

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

0.0%	0.0% #FFAC92	RGB 255 172 146	#FFAC92
16.7%	16.7% #F69C82	RGB 246 156 130	#F69C82
33.3%	33.3% #ED8C73	RGB 237 140 115	#ED8C73
50.0%	50.0% #E47C64	RGB 228 124 100	#E47C64
66.7%	66.7% #DB6C54	RGB 219 108 84	#DB6C54
83.3%	83.3% #D25C45	RGB 210 92 69	#D25C45
100.0%	100.0% #CA4D36	RGB 202 77 54	#CA4D36

#FFAC92 #F69C82 #ED8C73 #E47C64 #DB6C54 #D25C45 #CA4D36

#FFAC92 - #CA4D36

HSVブレンド

#FFAC92 - #CA4D36 | colorate

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

0.0%	0.0% #FFAC92	RGB 255 172 146	#FFAC92
16.7%	16.7% #F69A80	RGB 246 154 128	#F69A80
33.3%	33.3% #ED8A6F	RGB 237 138 111	#ED8A6F
50.0%	50.0% #E47A5F	RGB 228 122 95	#E47A5F
66.7%	66.7% #DB6A51	RGB 219 106 81	#DB6A51
83.3%	83.3% #D25B43	RGB 210 91 67	#D25B43
100.0%	100.0% #CA4D36	RGB 202 77 54	#CA4D36

#FFAC92 #F69A80 #ED8A6F #E47A5F #DB6A51 #D25B43 #CA4D36

#FFAC92 - #E47A5F - #CA4D36

CSSコード

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

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