#4A464F - #C86FAB | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #4A464F to #C86FAB
#4A464Fと#C86FABの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#4A464F - #C86FAB | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#4A464Fを0%、#C86FABを100%として二色間の色を展開します。
|
0.0% #4A464F |
RGB 74 70 79 | #4A464F |
|
16.7% #5F4C5E |
RGB 95 76 94 | #5F4C5E |
|
33.3% #74536D |
RGB 116 83 109 | #74536D |
|
50.0% #895A7D |
RGB 137 90 125 | #895A7D |
|
66.7% #9E618C |
RGB 158 97 140 | #9E618C |
|
83.3% #B3689B |
RGB 179 104 155 | #B3689B |
|
100.0% #C86FAB |
RGB 200 111 171 | #C86FAB |
HSVブレンド
#4A464F - #C86FAB | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#4A464Fを0%、#C86FABを100%として二色間の色を展開します。
|
0.0% #4A464F |
RGB 74 70 79 | #4A464F |
|
16.7% #5C5263 |
RGB 92 82 99 | #5C5263 |
|
33.3% #705C77 |
RGB 112 92 119 | #705C77 |
|
50.0% #87648B |
RGB 135 100 139 | #87648B |
|
66.7% #9F6A9D |
RGB 159 106 157 | #9F6A9D |
|
83.3% #B36DA7 |
RGB 179 109 167 | #B36DA7 |
|
100.0% #C86FAB |
RGB 200 111 171 | #C86FAB |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #4A464F 0%, #C86FAB 100%);
background: -webkit-linear-gradient(top, #4A464F 0%, #C86FAB 100%);
background: linear-gradient(to bottom, #4A464F 0%, #C86FAB 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #4A464F 0%, #87648B 50%, #C86FAB 100%);
background: -webkit-linear-gradient(top, #4A464F 0%, #87648B 50%, #C86FAB 100%);
background: linear-gradient(to bottom, #4A464F 0%, #87648B 50%, #C86FAB 100%);
}
</style>
