#01FE56 - #B6FECE | colorate

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

Blend #01FE56 to #B6FECE

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

RGBブレンド

#01FE56 - #B6FECE | colorate

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

0.0%	0.0% #01FE56	RGB 1 254 86	#01FE56
16.7%	16.7% #1FFE6A	RGB 31 254 106	#1FFE6A
33.3%	33.3% #3DFE7E	RGB 61 254 126	#3DFE7E
50.0%	50.0% #5BFE92	RGB 91 254 146	#5BFE92
66.7%	66.7% #79FEA6	RGB 121 254 166	#79FEA6
83.3%	83.3% #97FEBA	RGB 151 254 186	#97FEBA
100.0%	100.0% #B6FECE	RGB 182 254 206	#B6FECE

#01FE56 #1FFE6A #3DFE7E #5BFE92 #79FEA6 #97FEBA #B6FECE

#01FE56 - #B6FECE

HSVブレンド

#01FE56 - #B6FECE | colorate

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

0.0%	0.0% #00FE56	RGB 0 254 86	#00FE56
16.7%	16.7% #1FFE69	RGB 31 254 105	#1FFE69
33.3%	33.3% #3DFE7D	RGB 61 254 125	#3DFE7D
50.0%	50.0% #5BFE91	RGB 91 254 145	#5BFE91
66.7%	66.7% #79FEA5	RGB 121 254 165	#79FEA5
83.3%	83.3% #97FEB9	RGB 151 254 185	#97FEB9
100.0%	100.0% #B6FECE	RGB 182 254 206	#B6FECE

#00FE56 #1FFE69 #3DFE7D #5BFE91 #79FEA5 #97FEB9 #B6FECE

#01FE56 - #5BFE91 - #B6FECE

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FE56 0%, #5BFE91 50%, #B6FECE 100%);
    background: -webkit-linear-gradient(top, #00FE56 0%, #5BFE91 50%, #B6FECE 100%);
    background: linear-gradient(to bottom, #00FE56 0%, #5BFE91 50%, #B6FECE 100%);
}
</style>