#AD6367 - #E7D2D3 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #AD6367 to #E7D2D3
#AD6367と#E7D2D3の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#AD6367 - #E7D2D3 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#AD6367を0%、#E7D2D3を100%として二色間の色を展開します。
|
0.0% #AD6367 |
RGB 173 99 103 | #AD6367 |
|
16.7% #B67579 |
RGB 182 117 121 | #B67579 |
|
33.3% #C0888B |
RGB 192 136 139 | #C0888B |
|
50.0% #CA9A9D |
RGB 202 154 157 | #CA9A9D |
|
66.7% #D3ADAF |
RGB 211 173 175 | #D3ADAF |
|
83.3% #DDBFC1 |
RGB 221 191 193 | #DDBFC1 |
|
100.0% #E7D2D3 |
RGB 231 210 211 | #E7D2D3 |
HSVブレンド
#AD6367 - #E7D2D3 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#AD6367を0%、#E7D2D3を100%として二色間の色を展開します。
|
0.0% #AD6367 |
RGB 173 99 103 | #AD6367 |
|
16.7% #B67276 |
RGB 182 114 118 | #B67276 |
|
33.3% #C08386 |
RGB 192 131 134 | #C08386 |
|
50.0% #CA9598 |
RGB 202 149 152 | #CA9598 |
|
66.7% #D3A8AA |
RGB 211 168 170 | #D3A8AA |
|
83.3% #DDBCBE |
RGB 221 188 190 | #DDBCBE |
|
100.0% #E7D2D3 |
RGB 231 210 211 | #E7D2D3 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #AD6367 0%, #E7D2D3 100%);
background: -webkit-linear-gradient(top, #AD6367 0%, #E7D2D3 100%);
background: linear-gradient(to bottom, #AD6367 0%, #E7D2D3 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #AD6367 0%, #CA9598 50%, #E7D2D3 100%);
background: -webkit-linear-gradient(top, #AD6367 0%, #CA9598 50%, #E7D2D3 100%);
background: linear-gradient(to bottom, #AD6367 0%, #CA9598 50%, #E7D2D3 100%);
}
</style>
