#AF5E61 - #FCA873 | colorate

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

Blend #AF5E61 to #FCA873

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

RGBブレンド

#AF5E61 - #FCA873 | colorate

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

0.0%	0.0% #AF5E61	RGB 175 94 97	#AF5E61
16.7%	16.7% #BB6A64	RGB 187 106 100	#BB6A64
33.3%	33.3% #C87667	RGB 200 118 103	#C87667
50.0%	50.0% #D5836A	RGB 213 131 106	#D5836A
66.7%	66.7% #E28F6D	RGB 226 143 109	#E28F6D
83.3%	83.3% #EF9B70	RGB 239 155 112	#EF9B70
100.0%	100.0% #FCA873	RGB 252 168 115	#FCA873

#AF5E61 #BB6A64 #C87667 #D5836A #E28F6D #EF9B70 #FCA873

#AF5E61 - #FCA873

HSVブレンド

#AF5E61 - #FCA873 | colorate

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

0.0%	0.0% #AF5E61	RGB 175 94 97	#AF5E61
16.7%	16.7% #BB6562	RGB 187 101 98	#BB6562
33.3%	33.3% #C87066	RGB 200 112 102	#C87066
50.0%	50.0% #D57C6A	RGB 213 124 106	#D57C6A
66.7%	66.7% #E28A6D	RGB 226 138 109	#E28A6D
83.3%	83.3% #EF9870	RGB 239 152 112	#EF9870
100.0%	100.0% #FCA873	RGB 252 168 115	#FCA873

#AF5E61 #BB6562 #C87066 #D57C6A #E28A6D #EF9870 #FCA873

#AF5E61 - #D57C6A - #FCA873

CSSコード

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

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