#ED5E5E - #FFBC7B | colorate

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

Blend #ED5E5E to #FFBC7B

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

RGBブレンド

#ED5E5E - #FFBC7B | colorate

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

0.0%	0.0% #ED5E5E	RGB 237 94 94	#ED5E5E
16.7%	16.7% #F06D62	RGB 240 109 98	#F06D62
33.3%	33.3% #F37D67	RGB 243 125 103	#F37D67
50.0%	50.0% #F68D6C	RGB 246 141 108	#F68D6C
66.7%	66.7% #F99C71	RGB 249 156 113	#F99C71
83.3%	83.3% #FCAC76	RGB 252 172 118	#FCAC76
100.0%	100.0% #FFBC7B	RGB 255 188 123	#FFBC7B

#ED5E5E #F06D62 #F37D67 #F68D6C #F99C71 #FCAC76 #FFBC7B

#ED5E5E - #FFBC7B

HSVブレンド

#ED5E5E - #FFBC7B | colorate

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

0.0%	0.0% #ED5E5E	RGB 237 94 94	#ED5E5E
16.7%	16.7% #F06E62	RGB 240 110 98	#F06E62
33.3%	33.3% #F37E67	RGB 243 126 103	#F37E67
50.0%	50.0% #F68E6C	RGB 246 142 108	#F68E6C
66.7%	66.7% #F99D70	RGB 249 157 112	#F99D70
83.3%	83.3% #FCAC75	RGB 252 172 117	#FCAC75
100.0%	100.0% #FFBC7B	RGB 255 188 123	#FFBC7B

#ED5E5E #F06E62 #F37E67 #F68E6C #F99D70 #FCAC75 #FFBC7B

#ED5E5E - #F68E6C - #FFBC7B

CSSコード

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

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