#FFCADE - #DB6D97 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #FFCADE to #DB6D97
#FFCADEと#DB6D97の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#FFCADE - #DB6D97 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#FFCADEを0%、#DB6D97を100%として二色間の色を展開します。
|
0.0% #FFCADE |
RGB 255 202 222 | #FFCADE |
|
16.7% #F9BAD2 |
RGB 249 186 210 | #F9BAD2 |
|
33.3% #F3ABC6 |
RGB 243 171 198 | #F3ABC6 |
|
50.0% #ED9BBA |
RGB 237 155 186 | #ED9BBA |
|
66.7% #E78CAE |
RGB 231 140 174 | #E78CAE |
|
83.3% #E17CA2 |
RGB 225 124 162 | #E17CA2 |
|
100.0% #DB6D97 |
RGB 219 109 151 | #DB6D97 |
HSVブレンド
#FFCADE - #DB6D97 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#FFCADEを0%、#DB6D97を100%として二色間の色を展開します。
|
0.0% #FFCADE |
RGB 255 202 222 | #FFCADE |
|
16.7% #F9B9D1 |
RGB 249 185 209 | #F9B9D1 |
|
33.3% #F3A8C4 |
RGB 243 168 196 | #F3A8C4 |
|
50.0% #ED98B8 |
RGB 237 152 184 | #ED98B8 |
|
66.7% #E789AD |
RGB 231 137 173 | #E789AD |
|
83.3% #E17BA1 |
RGB 225 123 161 | #E17BA1 |
|
100.0% #DB6D97 |
RGB 219 109 151 | #DB6D97 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #FFCADE 0%, #DB6D97 100%);
background: -webkit-linear-gradient(top, #FFCADE 0%, #DB6D97 100%);
background: linear-gradient(to bottom, #FFCADE 0%, #DB6D97 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #FFCADE 0%, #ED98B8 50%, #DB6D97 100%);
background: -webkit-linear-gradient(top, #FFCADE 0%, #ED98B8 50%, #DB6D97 100%);
background: linear-gradient(to bottom, #FFCADE 0%, #ED98B8 50%, #DB6D97 100%);
}
</style>
