#5E4A3E - #CE9263 | colorate

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

Blend #5E4A3E to #CE9263

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

RGB 혼합 (선형)

#5E4A3E - #CE9263 | colorate

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

0.0%	0.0% #5E4A3E	RGB 94 74 62	#5E4A3E
16.7%	16.7% #705644	RGB 112 86 68	#705644
33.3%	33.3% #83624A	RGB 131 98 74	#83624A
50.0%	50.0% #966E50	RGB 150 110 80	#966E50
66.7%	66.7% #A87A56	RGB 168 122 86	#A87A56
83.3%	83.3% #BB865C	RGB 187 134 92	#BB865C
100.0%	100.0% #CE9263	RGB 206 146 99	#CE9263

#5E4A3E #705644 #83624A #966E50 #A87A56 #BB865C #CE9263

#5E4A3E - #CE9263

HSV 블렌드

#5E4A3E - #CE9263 | colorate

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

0.0%	0.0% #5E4A3E	RGB 94 74 62	#5E4A3E
16.7%	16.7% #705746	RGB 112 87 70	#705746
33.3%	33.3% #83634E	RGB 131 99 78	#83634E
50.0%	50.0% #966F55	RGB 150 111 85	#966F55
66.7%	66.7% #A87B5B	RGB 168 123 91	#A87B5B
83.3%	83.3% #BB865F	RGB 187 134 95	#BB865F
100.0%	100.0% #CE9263	RGB 206 146 99	#CE9263

#5E4A3E #705746 #83634E #966F55 #A87B5B #BB865F #CE9263

#5E4A3E - #966F55 - #CE9263

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A3E 0%, #966F55 50%, #CE9263 100%);
    background: -webkit-linear-gradient(top, #5E4A3E 0%, #966F55 50%, #CE9263 100%);
    background: linear-gradient(to bottom, #5E4A3E 0%, #966F55 50%, #CE9263 100%);
}
</style>