#626357 - #343A0E | colorate

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

Blend #626357 to #343A0E

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

RGB 혼합 (선형)

#626357 - #343A0E | colorate

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

0.0%	0.0% #626357	RGB 98 99 87	#626357
16.7%	16.7% #5A5C4A	RGB 90 92 74	#5A5C4A
33.3%	33.3% #52553E	RGB 82 85 62	#52553E
50.0%	50.0% #4B4E32	RGB 75 78 50	#4B4E32
66.7%	66.7% #434726	RGB 67 71 38	#434726
83.3%	83.3% #3B401A	RGB 59 64 26	#3B401A
100.0%	100.0% #343A0E	RGB 52 58 14	#343A0E

#626357 #5A5C4A #52553E #4B4E32 #434726 #3B401A #343A0E

#626357 - #343A0E

HSV 블렌드

#626357 - #343A0E | colorate

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

0.0%	0.0% #626357	RGB 98 99 87	#626357
16.7%	16.7% #5A5C47	RGB 90 92 71	#5A5C47
33.3%	33.3% #525538	RGB 82 85 56	#525538
50.0%	50.0% #4A4E2B	RGB 74 78 43	#4A4E2B
66.7%	66.7% #434720	RGB 67 71 32	#434720
83.3%	83.3% #3B4016	RGB 59 64 22	#3B4016
100.0%	100.0% #343A0E	RGB 52 58 14	#343A0E

#626357 #5A5C47 #525538 #4A4E2B #434720 #3B4016 #343A0E

#626357 - #4A4E2B - #343A0E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #626357 0%, #4A4E2B 50%, #343A0E 100%);
    background: -webkit-linear-gradient(top, #626357 0%, #4A4E2B 50%, #343A0E 100%);
    background: linear-gradient(to bottom, #626357 0%, #4A4E2B 50%, #343A0E 100%);
}
</style>