#25FF6F - #00CE50 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #25FF6F to #00CE50
#25FF6Fと#00CE50の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#25FF6F - #00CE50 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#25FF6Fを0%、#00CE50を100%として二色間の色を展開します。
|
0.0% #25FF6F |
RGB 37 255 111 | #25FF6F |
|
16.7% #1EF669 |
RGB 30 246 105 | #1EF669 |
|
33.3% #18EE64 |
RGB 24 238 100 | #18EE64 |
|
50.0% #12E65F |
RGB 18 230 95 | #12E65F |
|
66.7% #0CDE5A |
RGB 12 222 90 | #0CDE5A |
|
83.3% #06D655 |
RGB 6 214 85 | #06D655 |
|
100.0% #00CE50 |
RGB 0 206 80 | #00CE50 |
HSVブレンド
#25FF6F - #00CE50 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#25FF6Fを0%、#00CE50を100%として二色間の色を展開します。
|
0.0% #24FF6E |
RGB 36 255 110 | #24FF6E |
|
16.7% #1DF669 |
RGB 29 246 105 | #1DF669 |
|
33.3% #17EE63 |
RGB 23 238 99 | #17EE63 |
|
50.0% #10E65E |
RGB 16 230 94 | #10E65E |
|
66.7% #0ADE59 |
RGB 10 222 89 | #0ADE59 |
|
83.3% #05D654 |
RGB 5 214 84 | #05D654 |
|
100.0% #00CE50 |
RGB 0 206 80 | #00CE50 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #25FF6F 0%, #00CE50 100%);
background: -webkit-linear-gradient(top, #25FF6F 0%, #00CE50 100%);
background: linear-gradient(to bottom, #25FF6F 0%, #00CE50 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #24FF6E 0%, #10E65E 50%, #00CE50 100%);
background: -webkit-linear-gradient(top, #24FF6E 0%, #10E65E 50%, #00CE50 100%);
background: linear-gradient(to bottom, #24FF6E 0%, #10E65E 50%, #00CE50 100%);
}
</style>
