#283335 - #003439 | colorate

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

Blend #283335 to #003439

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

RGBブレンド

#283335 - #003439 | colorate

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

0.0%	0.0% #283335	RGB 40 51 53	#283335
16.7%	16.7% #213335	RGB 33 51 53	#213335
33.3%	33.3% #1A3336	RGB 26 51 54	#1A3336
50.0%	50.0% #143337	RGB 20 51 55	#143337
66.7%	66.7% #0D3337	RGB 13 51 55	#0D3337
83.3%	83.3% #063338	RGB 6 51 56	#063338
100.0%	100.0% #003439	RGB 0 52 57	#003439

#283335 #213335 #1A3336 #143337 #0D3337 #063338 #003439

#283335 - #003439

HSVブレンド

#283335 - #003439 | colorate

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

0.0%	0.0% #283335	RGB 40 51 53	#283335
16.7%	16.7% #213235	RGB 33 50 53	#213235
33.3%	33.3% #1B3236	RGB 27 50 54	#1B3236
50.0%	50.0% #143237	RGB 20 50 55	#143237
66.7%	66.7% #0E3337	RGB 14 51 55	#0E3337
83.3%	83.3% #073338	RGB 7 51 56	#073338
100.0%	100.0% #003439	RGB 0 52 57	#003439

#283335 #213235 #1B3236 #143237 #0E3337 #073338 #003439

#283335 - #143237 - #003439

CSSコード

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

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