#FF6EA2 - #FFAA8D | colorate

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

Blend #FF6EA2 to #FFAA8D

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

RGBブレンド

#FF6EA2 - #FFAA8D | colorate

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

0.0%	0.0% #FF6EA2	RGB 255 110 162	#FF6EA2
16.7%	16.7% #FF789E	RGB 255 120 158	#FF789E
33.3%	33.3% #FF829B	RGB 255 130 155	#FF829B
50.0%	50.0% #FF8C97	RGB 255 140 151	#FF8C97
66.7%	66.7% #FF9694	RGB 255 150 148	#FF9694
83.3%	83.3% #FFA090	RGB 255 160 144	#FFA090
100.0%	100.0% #FFAA8D	RGB 255 170 141	#FFAA8D

#FF6EA2 #FF789E #FF829B #FF8C97 #FF9694 #FFA090 #FFAA8D

#FF6EA2 - #FFAA8D

HSVブレンド

#FF6EA2 - #FFAA8D | colorate

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

0.0%	0.0% #FF6EA2	RGB 255 110 162	#FF6EA2
16.7%	16.7% #FF7397	RGB 255 115 151	#FF7397
33.3%	33.3% #FF788D	RGB 255 120 141	#FF788D
50.0%	50.0% #FF7D84	RGB 255 125 132	#FF7D84
66.7%	66.7% #FF8882	RGB 255 136 130	#FF8882
83.3%	83.3% #FF9987	RGB 255 153 135	#FF9987
100.0%	100.0% #FFAA8D	RGB 255 170 141	#FFAA8D

#FF6EA2 #FF7397 #FF788D #FF7D84 #FF8882 #FF9987 #FFAA8D

#FF6EA2 - #FF7D84 - #FFAA8D

CSSコード

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

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