#758F6D - #D7DFD5 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #758F6D to #D7DFD5
#758F6Dと#D7DFD5の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#758F6D - #D7DFD5 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#758F6Dを0%、#D7DFD5を100%として二色間の色を展開します。
0.0% #758F6D |
RGB 117 143 109 | #758F6D |
16.7% #859C7E |
RGB 133 156 126 | #859C7E |
33.3% #95A98F |
RGB 149 169 143 | #95A98F |
50.0% #A6B7A1 |
RGB 166 183 161 | #A6B7A1 |
66.7% #B6C4B2 |
RGB 182 196 178 | #B6C4B2 |
83.3% #C6D1C3 |
RGB 198 209 195 | #C6D1C3 |
100.0% #D7DFD5 |
RGB 215 223 213 | #D7DFD5 |
HSVブレンド
#758F6D - #D7DFD5 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#758F6Dを0%、#D7DFD5を100%として二色間の色を展開します。
0.0% #758F6D |
RGB 117 143 109 | #758F6D |
16.7% #839C7C |
RGB 131 156 124 | #839C7C |
33.3% #92A98C |
RGB 146 169 140 | #92A98C |
50.0% #A2B79D |
RGB 162 183 157 | #A2B79D |
66.7% #B3C4AE |
RGB 179 196 174 | #B3C4AE |
83.3% #C4D1C1 |
RGB 196 209 193 | #C4D1C1 |
100.0% #D7DFD5 |
RGB 215 223 213 | #D7DFD5 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #758F6D 0%, #D7DFD5 100%); background: -webkit-linear-gradient(top, #758F6D 0%, #D7DFD5 100%); background: linear-gradient(to bottom, #758F6D 0%, #D7DFD5 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #758F6D 0%, #A2B79D 50%, #D7DFD5 100%); background: -webkit-linear-gradient(top, #758F6D 0%, #A2B79D 50%, #D7DFD5 100%); background: linear-gradient(to bottom, #758F6D 0%, #A2B79D 50%, #D7DFD5 100%); } </style>