#CDDAD1 - #739F9E | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #CDDAD1 to #739F9E

#CDDAD1と#739F9Eの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#CDDAD1 - #739F9E | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#CDDAD1を0%、#739F9Eを100%として二色間の色を展開します。

0.0%	0.0% #CDDAD1	RGB 205 218 209	#CDDAD1
16.7%	16.7% #BED0C8	RGB 190 208 200	#BED0C8
33.3%	33.3% #AFC6C0	RGB 175 198 192	#AFC6C0
50.0%	50.0% #A0BCB7	RGB 160 188 183	#A0BCB7
66.7%	66.7% #91B2AF	RGB 145 178 175	#91B2AF
83.3%	83.3% #82A8A6	RGB 130 168 166	#82A8A6
100.0%	100.0% #739F9E	RGB 115 159 158	#739F9E

#CDDAD1 #BED0C8 #AFC6C0 #A0BCB7 #91B2AF #82A8A6 #739F9E

#CDDAD1 - #739F9E

HSVブレンド

#CDDAD1 - #739F9E | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#CDDAD1を0%、#739F9Eを100%として二色間の色を展開します。

0.0%	0.0% #CDDAD1	RGB 205 218 209	#CDDAD1
16.7%	16.7% #BCD0C4	RGB 188 208 196	#BCD0C4
33.3%	33.3% #ACC6BA	RGB 172 198 186	#ACC6BA
50.0%	50.0% #9CBCB1	RGB 156 188 177	#9CBCB1
66.7%	66.7% #8EB2A9	RGB 142 178 169	#8EB2A9
83.3%	83.3% #80A8A3	RGB 128 168 163	#80A8A3
100.0%	100.0% #739F9E	RGB 115 159 158	#739F9E

#CDDAD1 #BCD0C4 #ACC6BA #9CBCB1 #8EB2A9 #80A8A3 #739F9E

#CDDAD1 - #9CBCB1 - #739F9E

CSSコード

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #CDDAD1 0%, #739F9E 100%);
    background: -webkit-linear-gradient(top, #CDDAD1 0%, #739F9E 100%);
    background: linear-gradient(to bottom, #CDDAD1 0%, #739F9E 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDDAD1 0%, #9CBCB1 50%, #739F9E 100%);
    background: -webkit-linear-gradient(top, #CDDAD1 0%, #9CBCB1 50%, #739F9E 100%);
    background: linear-gradient(to bottom, #CDDAD1 0%, #9CBCB1 50%, #739F9E 100%);
}
</style>