#4B8E4B - #0F390E | colorate

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

Blend #4B8E4B to #0F390E

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

RGBブレンド

#4B8E4B - #0F390E | colorate

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

0.0%	0.0% #4B8E4B	RGB 75 142 75	#4B8E4B
16.7%	16.7% #417F40	RGB 65 127 64	#417F40
33.3%	33.3% #377136	RGB 55 113 54	#377136
50.0%	50.0% #2D632C	RGB 45 99 44	#2D632C
66.7%	66.7% #235522	RGB 35 85 34	#235522
83.3%	83.3% #194718	RGB 25 71 24	#194718
100.0%	100.0% #0F390E	RGB 15 57 14	#0F390E

#4B8E4B #417F40 #377136 #2D632C #235522 #194718 #0F390E

#4B8E4B - #0F390E

HSVブレンド

#4B8E4B - #0F390E | colorate

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

0.0%	0.0% #4B8E4B	RGB 75 142 75	#4B8E4B
16.7%	16.7% #3D7F3D	RGB 61 127 61	#3D7F3D
33.3%	33.3% #317131	RGB 49 113 49	#317131
50.0%	50.0% #276326	RGB 39 99 38	#276326
66.7%	66.7% #1D551C	RGB 29 85 28	#1D551C
83.3%	83.3% #154714	RGB 21 71 20	#154714
100.0%	100.0% #0F390E	RGB 15 57 14	#0F390E

#4B8E4B #3D7F3D #317131 #276326 #1D551C #154714 #0F390E

#4B8E4B - #276326 - #0F390E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B8E4B 0%, #276326 50%, #0F390E 100%);
    background: -webkit-linear-gradient(top, #4B8E4B 0%, #276326 50%, #0F390E 100%);
    background: linear-gradient(to bottom, #4B8E4B 0%, #276326 50%, #0F390E 100%);
}
</style>