#CA7E5E - #FFF495 | colorate

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

Blend #CA7E5E to #FFF495

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

RGBブレンド

#CA7E5E - #FFF495 | colorate

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

0.0%	0.0% #CA7E5E	RGB 202 126 94	#CA7E5E
16.7%	16.7% #D29167	RGB 210 145 103	#D29167
33.3%	33.3% #DBA570	RGB 219 165 112	#DBA570
50.0%	50.0% #E4B979	RGB 228 185 121	#E4B979
66.7%	66.7% #EDCC82	RGB 237 204 130	#EDCC82
83.3%	83.3% #F6E08B	RGB 246 224 139	#F6E08B
100.0%	100.0% #FFF495	RGB 255 244 149	#FFF495

#CA7E5E #D29167 #DBA570 #E4B979 #EDCC82 #F6E08B #FFF495

#CA7E5E - #FFF495

HSVブレンド

#CA7E5E - #FFF495 | colorate

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

0.0%	0.0% #CA7E5E	RGB 202 126 94	#CA7E5E
16.7%	16.7% #D29166	RGB 210 145 102	#D29166
33.3%	33.3% #DBA46E	RGB 219 164 110	#DBA46E
50.0%	50.0% #E4B877	RGB 228 184 119	#E4B877
66.7%	66.7% #EDCC81	RGB 237 204 129	#EDCC81
83.3%	83.3% #F6E08A	RGB 246 224 138	#F6E08A
100.0%	100.0% #FFF495	RGB 255 244 149	#FFF495

#CA7E5E #D29166 #DBA46E #E4B877 #EDCC81 #F6E08A #FFF495

#CA7E5E - #E4B877 - #FFF495

CSSコード

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

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