#DCDCD9 - #B2A88C | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #DCDCD9 to #B2A88C
#DCDCD9と#B2A88Cの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#DCDCD9 - #B2A88C | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#DCDCD9を0%、#B2A88Cを100%として二色間の色を展開します。
0.0% #DCDCD9 |
RGB 220 220 217 | #DCDCD9 |
16.7% #D5D3CC |
RGB 213 211 204 | #D5D3CC |
33.3% #CECABF |
RGB 206 202 191 | #CECABF |
50.0% #C7C2B2 |
RGB 199 194 178 | #C7C2B2 |
66.7% #C0B9A5 |
RGB 192 185 165 | #C0B9A5 |
83.3% #B9B098 |
RGB 185 176 152 | #B9B098 |
100.0% #B2A88C |
RGB 178 168 140 | #B2A88C |
HSVブレンド
#DCDCD9 - #B2A88C | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#DCDCD9を0%、#B2A88Cを100%として二色間の色を展開します。
0.0% #DCDCD9 |
RGB 220 220 217 | #DCDCD9 |
16.7% #D5D4CB |
RGB 213 212 203 | #D5D4CB |
33.3% #CECCBD |
RGB 206 204 189 | #CECCBD |
50.0% #C7C4B0 |
RGB 199 196 176 | #C7C4B0 |
66.7% #C0BBA3 |
RGB 192 187 163 | #C0BBA3 |
83.3% #B9B197 |
RGB 185 177 151 | #B9B197 |
100.0% #B2A88C |
RGB 178 168 140 | #B2A88C |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #DCDCD9 0%, #B2A88C 100%); background: -webkit-linear-gradient(top, #DCDCD9 0%, #B2A88C 100%); background: linear-gradient(to bottom, #DCDCD9 0%, #B2A88C 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #DCDCD9 0%, #C7C4B0 50%, #B2A88C 100%); background: -webkit-linear-gradient(top, #DCDCD9 0%, #C7C4B0 50%, #B2A88C 100%); background: linear-gradient(to bottom, #DCDCD9 0%, #C7C4B0 50%, #B2A88C 100%); } </style>