#FF848B - #C52A40 | colorate

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

Blend #FF848B to #C52A40

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

RGBブレンド

#FF848B - #C52A40 | colorate

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

0.0%	0.0% #FF848B	RGB 255 132 139	#FF848B
16.7%	16.7% #F5757E	RGB 245 117 126	#F5757E
33.3%	33.3% #EB6672	RGB 235 102 114	#EB6672
50.0%	50.0% #E25765	RGB 226 87 101	#E25765
66.7%	66.7% #D84859	RGB 216 72 89	#D84859
83.3%	83.3% #CE394C	RGB 206 57 76	#CE394C
100.0%	100.0% #C52A40	RGB 197 42 64	#C52A40

#FF848B #F5757E #EB6672 #E25765 #D84859 #CE394C #C52A40

#FF848B - #C52A40

HSVブレンド

#FF848B - #C52A40 | colorate

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

0.0%	0.0% #FF848A	RGB 255 132 138	#FF848A
16.7%	16.7% #F5727B	RGB 245 114 123	#F5727B
33.3%	33.3% #EB626D	RGB 235 98 109	#EB626D
50.0%	50.0% #E25260	RGB 226 82 96	#E25260
66.7%	66.7% #D84454	RGB 216 68 84	#D84454
83.3%	83.3% #CE3649	RGB 206 54 73	#CE3649
100.0%	100.0% #C52A40	RGB 197 42 64	#C52A40

#FF848A #F5727B #EB626D #E25260 #D84454 #CE3649 #C52A40

#FF848B - #E25260 - #C52A40

CSSコード

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

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