#B61E05 - #EABEB7 | colorate

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

Blend #B61E05 to #EABEB7

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

RGBブレンド

#B61E05 - #EABEB7 | colorate

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

0.0%	0.0% #B61E05	RGB 182 30 5	#B61E05
16.7%	16.7% #BE3822	RGB 190 56 34	#BE3822
33.3%	33.3% #C75340	RGB 199 83 64	#C75340
50.0%	50.0% #D06E5E	RGB 208 110 94	#D06E5E
66.7%	66.7% #D8887B	RGB 216 136 123	#D8887B
83.3%	83.3% #E1A399	RGB 225 163 153	#E1A399
100.0%	100.0% #EABEB7	RGB 234 190 183	#EABEB7

#B61E05 #BE3822 #C75340 #D06E5E #D8887B #E1A399 #EABEB7

#B61E05 - #EABEB7

HSVブレンド

#B61E05 - #EABEB7 | colorate

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

0.0%	0.0% #B61E05	RGB 182 30 5	#B61E05
16.7%	16.7% #BE331D	RGB 190 51 29	#BE331D
33.3%	33.3% #C74B37	RGB 199 75 55	#C74B37
50.0%	50.0% #D06554	RGB 208 101 84	#D06554
66.7%	66.7% #D88172	RGB 216 129 114	#D88172
83.3%	83.3% #E19E93	RGB 225 158 147	#E19E93
100.0%	100.0% #EABEB7	RGB 234 190 183	#EABEB7

#B61E05 #BE331D #C74B37 #D06554 #D88172 #E19E93 #EABEB7

#B61E05 - #D06554 - #EABEB7

CSSコード

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

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