#6E0029 - #EADAE3 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #6E0029 to #EADAE3
#6E0029と#EADAE3の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#6E0029 - #EADAE3 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#6E0029を0%、#EADAE3を100%として二色間の色を展開します。
0.0% #6E0029 |
RGB 110 0 41 | #6E0029 |
16.7% #822448 |
RGB 130 36 72 | #822448 |
33.3% #974867 |
RGB 151 72 103 | #974867 |
50.0% #AC6D86 |
RGB 172 109 134 | #AC6D86 |
66.7% #C091A5 |
RGB 192 145 165 | #C091A5 |
83.3% #D5B5C4 |
RGB 213 181 196 | #D5B5C4 |
100.0% #EADAE3 |
RGB 234 218 227 | #EADAE3 |
HSVブレンド
#6E0029 - #EADAE3 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#6E0029を0%、#EADAE3を100%として二色間の色を展開します。
0.0% #6E0029 |
RGB 110 0 41 | #6E0029 |
16.7% #821440 |
RGB 130 20 64 | #821440 |
33.3% #972E5C |
RGB 151 46 92 | #972E5C |
50.0% #AC507B |
RGB 172 80 123 | #AC507B |
66.7% #C0779C |
RGB 192 119 156 | #C0779C |
83.3% #D5A5BE |
RGB 213 165 190 | #D5A5BE |
100.0% #EADAE3 |
RGB 234 218 227 | #EADAE3 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #6E0029 0%, #EADAE3 100%); background: -webkit-linear-gradient(top, #6E0029 0%, #EADAE3 100%); background: linear-gradient(to bottom, #6E0029 0%, #EADAE3 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #6E0029 0%, #AC507B 50%, #EADAE3 100%); background: -webkit-linear-gradient(top, #6E0029 0%, #AC507B 50%, #EADAE3 100%); background: linear-gradient(to bottom, #6E0029 0%, #AC507B 50%, #EADAE3 100%); } </style>