#AC2B5E - #FA7A73 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #AC2B5E to #FA7A73
#AC2B5Eと#FA7A73の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#AC2B5E - #FA7A73 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#AC2B5Eを0%、#FA7A73を100%として二色間の色を展開します。
|
0.0% #AC2B5E |
RGB 172 43 94 | #AC2B5E |
|
16.7% #B93861 |
RGB 185 56 97 | #B93861 |
|
33.3% #C64565 |
RGB 198 69 101 | #C64565 |
|
50.0% #D35268 |
RGB 211 82 104 | #D35268 |
|
66.7% #E05F6C |
RGB 224 95 108 | #E05F6C |
|
83.3% #ED6C6F |
RGB 237 108 111 | #ED6C6F |
|
100.0% #FA7A73 |
RGB 250 122 115 | #FA7A73 |
HSVブレンド
#AC2B5E - #FA7A73 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#AC2B5Eを0%、#FA7A73を100%として二色間の色を展開します。
|
0.0% #AC2B5D |
RGB 172 43 93 | #AC2B5D |
|
16.7% #B9345F |
RGB 185 52 95 | #B9345F |
|
33.3% #C63F60 |
RGB 198 63 96 | #C63F60 |
|
50.0% #D34A62 |
RGB 211 74 98 | #D34A62 |
|
66.7% #E05764 |
RGB 224 87 100 | #E05764 |
|
83.3% #ED6467 |
RGB 237 100 103 | #ED6467 |
|
100.0% #FA7A73 |
RGB 250 122 115 | #FA7A73 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #AC2B5E 0%, #FA7A73 100%);
background: -webkit-linear-gradient(top, #AC2B5E 0%, #FA7A73 100%);
background: linear-gradient(to bottom, #AC2B5E 0%, #FA7A73 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #AC2B5D 0%, #D34A62 50%, #FA7A73 100%);
background: -webkit-linear-gradient(top, #AC2B5D 0%, #D34A62 50%, #FA7A73 100%);
background: linear-gradient(to bottom, #AC2B5D 0%, #D34A62 50%, #FA7A73 100%);
}
</style>
