#655C90 - #1D1A29 | colorate

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

Blend #655C90 to #1D1A29

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

RGBブレンド

#655C90 - #1D1A29 | colorate

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

0.0%	0.0% #655C90	RGB 101 92 144	#655C90
16.7%	16.7% #59517E	RGB 89 81 126	#59517E
33.3%	33.3% #4D466D	RGB 77 70 109	#4D466D
50.0%	50.0% #413B5C	RGB 65 59 92	#413B5C
66.7%	66.7% #35304B	RGB 53 48 75	#35304B
83.3%	83.3% #29253A	RGB 41 37 58	#29253A
100.0%	100.0% #1D1A29	RGB 29 26 41	#1D1A29

#655C90 #59517E #4D466D #413B5C #35304B #29253A #1D1A29

#655C90 - #1D1A29

HSVブレンド

#655C90 - #1D1A29 | colorate

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

0.0%	0.0% #655C90	RGB 101 92 144	#655C90
16.7%	16.7% #59507E	RGB 89 80 126	#59507E
33.3%	33.3% #4D456D	RGB 77 69 109	#4D456D
50.0%	50.0% #413A5C	RGB 65 58 92	#413A5C
66.7%	66.7% #352F4B	RGB 53 47 75	#352F4B
83.3%	83.3% #29243A	RGB 41 36 58	#29243A
100.0%	100.0% #1D1A29	RGB 29 26 41	#1D1A29

#655C90 #59507E #4D456D #413A5C #352F4B #29243A #1D1A29

#655C90 - #413A5C - #1D1A29

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #655C90 0%, #413A5C 50%, #1D1A29 100%);
    background: -webkit-linear-gradient(top, #655C90 0%, #413A5C 50%, #1D1A29 100%);
    background: linear-gradient(to bottom, #655C90 0%, #413A5C 50%, #1D1A29 100%);
}
</style>