#48FE3C - #06D618 | colorate

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

Blend #48FE3C to #06D618

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

RGBブレンド

#48FE3C - #06D618 | colorate

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

0.0%	0.0% #48FE3C	RGB 72 254 60	#48FE3C
16.7%	16.7% #3DF736	RGB 61 247 54	#3DF736
33.3%	33.3% #32F030	RGB 50 240 48	#32F030
50.0%	50.0% #27EA2A	RGB 39 234 42	#27EA2A
66.7%	66.7% #1CE324	RGB 28 227 36	#1CE324
83.3%	83.3% #11DC1E	RGB 17 220 30	#11DC1E
100.0%	100.0% #06D618	RGB 6 214 24	#06D618

#48FE3C #3DF736 #32F030 #27EA2A #1CE324 #11DC1E #06D618

#48FE3C - #06D618

HSVブレンド

#48FE3C - #06D618 | colorate

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

0.0%	0.0% #47FE3C	RGB 71 254 60	#47FE3C
16.7%	16.7% #39F731	RGB 57 247 49	#39F731
33.3%	33.3% #2AF028	RGB 42 240 40	#2AF028
50.0%	50.0% #1EEA21	RGB 30 234 33	#1EEA21
66.7%	66.7% #16E31D	RGB 22 227 29	#16E31D
83.3%	83.3% #0DDC1A	RGB 13 220 26	#0DDC1A
100.0%	100.0% #06D618	RGB 6 214 24	#06D618

#47FE3C #39F731 #2AF028 #1EEA21 #16E31D #0DDC1A #06D618

#48FE3C - #1EEA21 - #06D618

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47FE3C 0%, #1EEA21 50%, #06D618 100%);
    background: -webkit-linear-gradient(top, #47FE3C 0%, #1EEA21 50%, #06D618 100%);
    background: linear-gradient(to bottom, #47FE3C 0%, #1EEA21 50%, #06D618 100%);
}
</style>