#241B3D - #C0BDC7 | colorate

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

Blend #241B3D to #C0BDC7

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

RGBブレンド

#241B3D - #C0BDC7 | colorate

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

0.0%	0.0% #241B3D	RGB 36 27 61	#241B3D
16.7%	16.7% #3E3654	RGB 62 54 84	#3E3654
33.3%	33.3% #58516B	RGB 88 81 107	#58516B
50.0%	50.0% #726C82	RGB 114 108 130	#726C82
66.7%	66.7% #8C8799	RGB 140 135 153	#8C8799
83.3%	83.3% #A6A2B0	RGB 166 162 176	#A6A2B0
100.0%	100.0% #C0BDC7	RGB 192 189 199	#C0BDC7

#241B3D #3E3654 #58516B #726C82 #8C8799 #A6A2B0 #C0BDC7

#241B3D - #C0BDC7

HSVブレンド

#241B3D - #C0BDC7 | colorate

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

0.0%	0.0% #241B3D	RGB 36 27 61	#241B3D
16.7%	16.7% #372C54	RGB 55 44 84	#372C54
33.3%	33.3% #4C416B	RGB 76 65 107	#4C416B
50.0%	50.0% #655A82	RGB 101 90 130	#655A82
66.7%	66.7% #817799	RGB 129 119 153	#817799
83.3%	83.3% #9F98B0	RGB 159 152 176	#9F98B0
100.0%	100.0% #C0BDC7	RGB 192 189 199	#C0BDC7

#241B3D #372C54 #4C416B #655A82 #817799 #9F98B0 #C0BDC7

#241B3D - #655A82 - #C0BDC7

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #241B3D 0%, #655A82 50%, #C0BDC7 100%);
    background: -webkit-linear-gradient(top, #241B3D 0%, #655A82 50%, #C0BDC7 100%);
    background: linear-gradient(to bottom, #241B3D 0%, #655A82 50%, #C0BDC7 100%);
}
</style>