#DB6CDA - #8C8FFF | colorate

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

Blend #DB6CDA to #8C8FFF

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

RGBブレンド

#DB6CDA - #8C8FFF | colorate

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

0.0%	0.0% #DB6CDA	RGB 219 108 218	#DB6CDA
16.7%	16.7% #CD71E0	RGB 205 113 224	#CD71E0
33.3%	33.3% #C077E6	RGB 192 119 230	#C077E6
50.0%	50.0% #B37DEC	RGB 179 125 236	#B37DEC
66.7%	66.7% #A683F2	RGB 166 131 242	#A683F2
83.3%	83.3% #9989F8	RGB 153 137 248	#9989F8
100.0%	100.0% #8C8FFF	RGB 140 143 255	#8C8FFF

#DB6CDA #CD71E0 #C077E6 #B37DEC #A683F2 #9989F8 #8C8FFF

#DB6CDA - #8C8FFF

HSVブレンド

#DB6CDA - #8C8FFF | colorate

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

0.0%	0.0% #DB6CDA	RGB 219 108 218	#DB6CDA
16.7%	16.7% #CE71E1	RGB 206 113 225	#CE71E1
33.3%	33.3% #C176E7	RGB 193 118 231	#C176E7
50.0%	50.0% #B37BED	RGB 179 123 237	#B37BED
66.7%	66.7% #A580F3	RGB 165 128 243	#A580F3
83.3%	83.3% #9786F9	RGB 151 134 249	#9786F9
100.0%	100.0% #8C8FFF	RGB 140 143 255	#8C8FFF

#DB6CDA #CE71E1 #C176E7 #B37BED #A580F3 #9786F9 #8C8FFF

#DB6CDA - #B37BED - #8C8FFF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB6CDA 0%, #B37BED 50%, #8C8FFF 100%);
    background: -webkit-linear-gradient(top, #DB6CDA 0%, #B37BED 50%, #8C8FFF 100%);
    background: linear-gradient(to bottom, #DB6CDA 0%, #B37BED 50%, #8C8FFF 100%);
}
</style>