#160B18 - #DDDCDE | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #160B18 to #DDDCDE
#160B18と#DDDCDEの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#160B18 - #DDDCDE | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#160B18を0%、#DDDCDEを100%として二色間の色を展開します。
|
0.0% #160B18 |
RGB 22 11 24 | #160B18 |
|
16.7% #372D39 |
RGB 55 45 57 | #372D39 |
|
33.3% #58505A |
RGB 88 80 90 | #58505A |
|
50.0% #79737B |
RGB 121 115 123 | #79737B |
|
66.7% #9A969C |
RGB 154 150 156 | #9A969C |
|
83.3% #BBB9BD |
RGB 187 185 189 | #BBB9BD |
|
100.0% #DDDCDE |
RGB 221 220 222 | #DDDCDE |
HSVブレンド
#160B18 - #DDDCDE | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#160B18を0%、#DDDCDEを100%として二色間の色を展開します。
|
0.0% #160B18 |
RGB 22 11 24 | #160B18 |
|
16.7% #331F39 |
RGB 51 31 57 | #331F39 |
|
33.3% #51395A |
RGB 81 57 90 | #51395A |
|
50.0% #6F597B |
RGB 111 89 123 | #6F597B |
|
66.7% #907E9C |
RGB 144 126 156 | #907E9C |
|
83.3% #B4AABD |
RGB 180 170 189 | #B4AABD |
|
100.0% #DDDCDE |
RGB 221 220 222 | #DDDCDE |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #160B18 0%, #DDDCDE 100%);
background: -webkit-linear-gradient(top, #160B18 0%, #DDDCDE 100%);
background: linear-gradient(to bottom, #160B18 0%, #DDDCDE 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #160B18 0%, #6F597B 50%, #DDDCDE 100%);
background: -webkit-linear-gradient(top, #160B18 0%, #6F597B 50%, #DDDCDE 100%);
background: linear-gradient(to bottom, #160B18 0%, #6F597B 50%, #DDDCDE 100%);
}
</style>
