#FF858C - #C52B41 | colorate

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

Blend #FF858C to #C52B41

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

RGBブレンド

#FF858C - #C52B41 | colorate

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

0.0%	0.0% #FF858C	RGB 255 133 140	#FF858C
16.7%	16.7% #F5767F	RGB 245 118 127	#F5767F
33.3%	33.3% #EB6773	RGB 235 103 115	#EB6773
50.0%	50.0% #E25866	RGB 226 88 102	#E25866
66.7%	66.7% #D8495A	RGB 216 73 90	#D8495A
83.3%	83.3% #CE3A4D	RGB 206 58 77	#CE3A4D
100.0%	100.0% #C52B41	RGB 197 43 65	#C52B41

#FF858C #F5767F #EB6773 #E25866 #D8495A #CE3A4D #C52B41

#FF858C - #C52B41

HSVブレンド

#FF858C - #C52B41 | colorate

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

0.0%	0.0% #FF858C	RGB 255 133 140	#FF858C
16.7%	16.7% #F5737C	RGB 245 115 124	#F5737C
33.3%	33.3% #EB636E	RGB 235 99 110	#EB636E
50.0%	50.0% #E25361	RGB 226 83 97	#E25361
66.7%	66.7% #D84555	RGB 216 69 85	#D84555
83.3%	83.3% #CE374A	RGB 206 55 74	#CE374A
100.0%	100.0% #C52B41	RGB 197 43 65	#C52B41

#FF858C #F5737C #EB636E #E25361 #D84555 #CE374A #C52B41

#FF858C - #E25361 - #C52B41

CSSコード

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

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