#E6FFE5 - #97F09B | colorate

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

Blend #E6FFE5 to #97F09B

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

RGBブレンド

#E6FFE5 - #97F09B | colorate

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

0.0%	0.0% #E6FFE5	RGB 230 255 229	#E6FFE5
16.7%	16.7% #D8FCD8	RGB 216 252 216	#D8FCD8
33.3%	33.3% #CBFACC	RGB 203 250 204	#CBFACC
50.0%	50.0% #BEF7C0	RGB 190 247 192	#BEF7C0
66.7%	66.7% #B1F5B3	RGB 177 245 179	#B1F5B3
83.3%	83.3% #A4F2A7	RGB 164 242 167	#A4F2A7
100.0%	100.0% #97F09B	RGB 151 240 155	#97F09B

#E6FFE5 #D8FCD8 #CBFACC #BEF7C0 #B1F5B3 #A4F2A7 #97F09B

#E6FFE5 - #97F09B

HSVブレンド

#E6FFE5 - #97F09B | colorate

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

0.0%	0.0% #E6FFE5	RGB 230 255 229	#E6FFE5
16.7%	16.7% #D8FCD7	RGB 216 252 215	#D8FCD7
33.3%	33.3% #CAFACA	RGB 202 250 202	#CAFACA
50.0%	50.0% #BCF7BD	RGB 188 247 189	#BCF7BD
66.7%	66.7% #B0F5B1	RGB 176 245 177	#B0F5B1
83.3%	83.3% #A3F2A5	RGB 163 242 165	#A3F2A5
100.0%	100.0% #97F09B	RGB 151 240 155	#97F09B

#E6FFE5 #D8FCD7 #CAFACA #BCF7BD #B0F5B1 #A3F2A5 #97F09B

#E6FFE5 - #BCF7BD - #97F09B

CSSコード

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

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