#8F718A - #E8FF9E | colorate

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

Blend #8F718A to #E8FF9E

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

RGBブレンド

#8F718A - #E8FF9E | colorate

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

0.0%	0.0% #8F718A	RGB 143 113 138	#8F718A
16.7%	16.7% #9D888D	RGB 157 136 141	#9D888D
33.3%	33.3% #ACA090	RGB 172 160 144	#ACA090
50.0%	50.0% #BBB894	RGB 187 184 148	#BBB894
66.7%	66.7% #CACF97	RGB 202 207 151	#CACF97
83.3%	83.3% #D9E79A	RGB 217 231 154	#D9E79A
100.0%	100.0% #E8FF9E	RGB 232 255 158	#E8FF9E

#8F718A #9D888D #ACA090 #BBB894 #CACF97 #D9E79A #E8FF9E

#8F718A - #E8FF9E

HSVブレンド

#8F718A - #E8FF9E | colorate

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

0.0%	0.0% #8F718A	RGB 143 113 138	#8F718A
16.7%	16.7% #A17B8D	RGB 161 123 141	#A17B8D
33.3%	33.3% #B4848B	RGB 180 132 139	#B4848B
50.0%	50.0% #C7988C	RGB 199 152 140	#C7988C
66.7%	66.7% #D9B993	RGB 217 185 147	#D9B993
83.3%	83.3% #ECE399	RGB 236 227 153	#ECE399
100.0%	100.0% #E8FF9E	RGB 232 255 158	#E8FF9E

#8F718A #A17B8D #B4848B #C7988C #D9B993 #ECE399 #E8FF9E

#8F718A - #C7988C - #E8FF9E

CSSコード

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

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