#E85C5C - #421A1A | colorate

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

Blend #E85C5C to #421A1A

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

RGBブレンド

#E85C5C - #421A1A | colorate

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

0.0%	0.0% #E85C5C	RGB 232 92 92	#E85C5C
16.7%	16.7% #CC5151	RGB 204 81 81	#CC5151
33.3%	33.3% #B04646	RGB 176 70 70	#B04646
50.0%	50.0% #953B3B	RGB 149 59 59	#953B3B
66.7%	66.7% #793030	RGB 121 48 48	#793030
83.3%	83.3% #5D2525	RGB 93 37 37	#5D2525
100.0%	100.0% #421A1A	RGB 66 26 26	#421A1A

#E85C5C #CC5151 #B04646 #953B3B #793030 #5D2525 #421A1A

#E85C5C - #421A1A

HSVブレンド

#E85C5C - #421A1A | colorate

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

0.0%	0.0% #E85C5C	RGB 232 92 92	#E85C5C
16.7%	16.7% #CC5050	RGB 204 80 80	#CC5050
33.3%	33.3% #B04545	RGB 176 69 69	#B04545
50.0%	50.0% #953A3A	RGB 149 58 58	#953A3A
66.7%	66.7% #792F2F	RGB 121 47 47	#792F2F
83.3%	83.3% #5D2424	RGB 93 36 36	#5D2424
100.0%	100.0% #421A1A	RGB 66 26 26	#421A1A

#E85C5C #CC5050 #B04545 #953A3A #792F2F #5D2424 #421A1A

#E85C5C - #953A3A - #421A1A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E85C5C 0%, #953A3A 50%, #421A1A 100%);
    background: -webkit-linear-gradient(top, #E85C5C 0%, #953A3A 50%, #421A1A 100%);
    background: linear-gradient(to bottom, #E85C5C 0%, #953A3A 50%, #421A1A 100%);
}
</style>