#F0C8C0 - #DF7D6B | colorate

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

Blend #F0C8C0 to #DF7D6B

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

RGBブレンド

#F0C8C0 - #DF7D6B | colorate

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

0.0%	0.0% #F0C8C0	RGB 240 200 192	#F0C8C0
16.7%	16.7% #EDBBB1	RGB 237 187 177	#EDBBB1
33.3%	33.3% #EAAFA3	RGB 234 175 163	#EAAFA3
50.0%	50.0% #E7A295	RGB 231 162 149	#E7A295
66.7%	66.7% #E49687	RGB 228 150 135	#E49687
83.3%	83.3% #E18979	RGB 225 137 121	#E18979
100.0%	100.0% #DF7D6B	RGB 223 125 107	#DF7D6B

#F0C8C0 #EDBBB1 #EAAFA3 #E7A295 #E49687 #E18979 #DF7D6B

#F0C8C0 - #DF7D6B

HSVブレンド

#F0C8C0 - #DF7D6B | colorate

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

0.0%	0.0% #F0C8C0	RGB 240 200 192	#F0C8C0
16.7%	16.7% #EDBAB1	RGB 237 186 177	#EDBAB1
33.3%	33.3% #EAAEA2	RGB 234 174 162	#EAAEA2
50.0%	50.0% #E7A194	RGB 231 161 148	#E7A194
66.7%	66.7% #E49586	RGB 228 149 134	#E49586
83.3%	83.3% #E18878	RGB 225 136 120	#E18878
100.0%	100.0% #DF7D6B	RGB 223 125 107	#DF7D6B

#F0C8C0 #EDBAB1 #EAAEA2 #E7A194 #E49586 #E18878 #DF7D6B

#F0C8C0 - #E7A194 - #DF7D6B

CSSコード

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

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