#0CC100 - #B9EDB6 | colorate

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

Blend #0CC100 to #B9EDB6

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

RGBブレンド

#0CC100 - #B9EDB6 | colorate

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

0.0%	0.0% #0CC100	RGB 12 193 0	#0CC100
16.7%	16.7% #28C81E	RGB 40 200 30	#28C81E
33.3%	33.3% #45CF3C	RGB 69 207 60	#45CF3C
50.0%	50.0% #62D75B	RGB 98 215 91	#62D75B
66.7%	66.7% #7FDE79	RGB 127 222 121	#7FDE79
83.3%	83.3% #9CE597	RGB 156 229 151	#9CE597
100.0%	100.0% #B9EDB6	RGB 185 237 182	#B9EDB6

#0CC100 #28C81E #45CF3C #62D75B #7FDE79 #9CE597 #B9EDB6

#0CC100 - #B9EDB6

HSVブレンド

#0CC100 - #B9EDB6 | colorate

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

0.0%	0.0% #0CC100	RGB 12 193 0	#0CC100
16.7%	16.7% #24C819	RGB 36 200 25	#24C819
33.3%	33.3% #3ECF35	RGB 62 207 53	#3ECF35
50.0%	50.0% #5AD752	RGB 90 215 82	#5AD752
66.7%	66.7% #78DE71	RGB 120 222 113	#78DE71
83.3%	83.3% #97E592	RGB 151 229 146	#97E592
100.0%	100.0% #B9EDB6	RGB 185 237 182	#B9EDB6

#0CC100 #24C819 #3ECF35 #5AD752 #78DE71 #97E592 #B9EDB6

#0CC100 - #5AD752 - #B9EDB6

CSSコード

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

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