#302B3E - #AE6E5E | colorate

colorate는 디자이너와 개발자에게 영감을 주는 색 구성표 도구입니다. 이것은 색채 작업을 위한 자료로 도움이 될 것입니다. 이 사이트를 더 좋게 만들기

Blend #302B3E to #AE6E5E

두 색상 #302B3E과 #AE6E5E 사이의 색상을 계산하십시오. RGB 값을 계산할 때 서로 다른 색상 간의 채도가 낮습니다. HSV 값을 계산할 때, 서로 다른 색상 간의 채도가 낮지 않습니다.

RGB 혼합 (선형)

#302B3E - #AE6E5E | colorate

RGB 값에 따라 두 색상 사이의 색상 계산. 서로 떨어진 색상의 경우 두 색상 사이의 채도가 감소합니다. #302B3E이 0 %이고 #AE6E5E이 100 % 인 두 색상 사이의 색상을 확장하십시오.

0.0%	0.0% #302B3E	RGB 48 43 62	#302B3E
16.7%	16.7% #453643	RGB 69 54 67	#453643
33.3%	33.3% #5A4148	RGB 90 65 72	#5A4148
50.0%	50.0% #6F4C4E	RGB 111 76 78	#6F4C4E
66.7%	66.7% #845753	RGB 132 87 83	#845753
83.3%	83.3% #996258	RGB 153 98 88	#996258
100.0%	100.0% #AE6E5E	RGB 174 110 94	#AE6E5E

#302B3E #453643 #5A4148 #6F4C4E #845753 #996258 #AE6E5E

#302B3E - #AE6E5E

HSV 블렌드

#302B3E - #AE6E5E | colorate

HSV 값에 따라 두 색상 사이의 색상 계산. 서로 다른 색상의 색상 사이에서도 두 색상 간의 채도가 감소하지 않습니다. #302B3E이 0 %이고 #AE6E5E이 100 % 인 두 색상 사이의 색상을 확장하십시오.

0.0%	0.0% #302B3E	RGB 48 43 62	#302B3E
16.7%	16.7% #453550	RGB 69 53 80	#453550
33.3%	33.3% #603F63	RGB 96 63 99	#603F63
50.0%	50.0% #76486B	RGB 118 72 107	#76486B
66.7%	66.7% #885069	RGB 136 80 105	#885069
83.3%	83.3% #9B5760	RGB 155 87 96	#9B5760
100.0%	100.0% #AE6E5E	RGB 174 110 94	#AE6E5E

#302B3E #453550 #603F63 #76486B #885069 #9B5760 #AE6E5E

#302B3E - #76486B - #AE6E5E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
    background: -webkit-linear-gradient(top, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
    background: linear-gradient(to bottom, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
}
</style>