#343648 - #051711 | colorate

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

Blend #343648 to #051711

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

RGBブレンド

#343648 - #051711 | colorate

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

0.0%	0.0% #343648	RGB 52 54 72	#343648
16.7%	16.7% #2C303E	RGB 44 48 62	#2C303E
33.3%	33.3% #242B35	RGB 36 43 53	#242B35
50.0%	50.0% #1C262C	RGB 28 38 44	#1C262C
66.7%	66.7% #142123	RGB 20 33 35	#142123
83.3%	83.3% #0C1C1A	RGB 12 28 26	#0C1C1A
100.0%	100.0% #051711	RGB 5 23 17	#051711

#343648 #2C303E #242B35 #1C262C #142123 #0C1C1A #051711

#343648 - #051711

HSVブレンド

#343648 - #051711 | colorate

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

0.0%	0.0% #343648	RGB 52 54 72	#343648
16.7%	16.7% #282F3F	RGB 40 47 63	#282F3F
33.3%	33.3% #1E2B37	RGB 30 43 55	#1E2B37
50.0%	50.0% #16282F	RGB 22 40 47	#16282F
66.7%	66.7% #0F2527	RGB 15 37 39	#0F2527
83.3%	83.3% #091F1C	RGB 9 31 28	#091F1C
100.0%	100.0% #051711	RGB 5 23 17	#051711

#343648 #282F3F #1E2B37 #16282F #0F2527 #091F1C #051711

#343648 - #16282F - #051711

CSSコード

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

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