#180705 - #DEDBDB | colorate

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

Blend #180705 to #DEDBDB

#180705 #DEDBDB

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

RGBブレンド

#180705 - #DEDBDB | colorate

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

0.0%	0.0% #180705	RGB 24 7 5	#180705
16.7%	16.7% #392A28	RGB 57 42 40	#392A28
33.3%	33.3% #5A4D4C	RGB 90 77 76	#5A4D4C
50.0%	50.0% #7B7170	RGB 123 113 112	#7B7170
66.7%	66.7% #9C9493	RGB 156 148 147	#9C9493
83.3%	83.3% #BDB7B7	RGB 189 183 183	#BDB7B7
100.0%	100.0% #DEDBDB	RGB 222 219 219	#DEDBDB

#180705 #392A28 #5A4D4C #7B7170 #9C9493 #BDB7B7 #DEDBDB

#180705 - #DEDBDB

HSVブレンド

#180705 - #DEDBDB | colorate

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

0.0%	0.0% #180705	RGB 24 7 5	#180705
16.7%	16.7% #391613	RGB 57 22 19	#391613
33.3%	33.3% #5A2D2A	RGB 90 45 42	#5A2D2A
50.0%	50.0% #7B4C49	RGB 123 76 73	#7B4C49
66.7%	66.7% #9C7271	RGB 156 114 113	#9C7271
83.3%	83.3% #BDA2A1	RGB 189 162 161	#BDA2A1
100.0%	100.0% #DEDBDB	RGB 222 219 219	#DEDBDB

#180705 #391613 #5A2D2A #7B4C49 #9C7271 #BDA2A1 #DEDBDB

#180705 - #7B4C49 - #DEDBDB

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #180705 0%, #7B4C49 50%, #DEDBDB 100%);
    background: -webkit-linear-gradient(top, #180705 0%, #7B4C49 50%, #DEDBDB 100%);
    background: linear-gradient(to bottom, #180705 0%, #7B4C49 50%, #DEDBDB 100%);
}
</style>