#7D707B - #5E232D | colorate

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

Blend #7D707B to #5E232D

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

RGB 혼합 (선형)

#7D707B - #5E232D | colorate

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

0.0%	0.0% #7D707B	RGB 125 112 123	#7D707B
16.7%	16.7% #77636E	RGB 119 99 110	#77636E
33.3%	33.3% #725661	RGB 114 86 97	#725661
50.0%	50.0% #6D4954	RGB 109 73 84	#6D4954
66.7%	66.7% #683C47	RGB 104 60 71	#683C47
83.3%	83.3% #632F3A	RGB 99 47 58	#632F3A
100.0%	100.0% #5E232D	RGB 94 35 45	#5E232D

#7D707B #77636E #725661 #6D4954 #683C47 #632F3A #5E232D

#7D707B - #5E232D

HSV 블렌드

#7D707B - #5E232D | colorate

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

0.0%	0.0% #7D707B	RGB 125 112 123	#7D707B
16.7%	16.7% #776071	RGB 119 96 113	#776071
33.3%	33.3% #725266	RGB 114 82 102	#725266
50.0%	50.0% #6D4559	RGB 109 69 89	#6D4559
66.7%	66.7% #68394B	RGB 104 57 75	#68394B
83.3%	83.3% #632D3C	RGB 99 45 60	#632D3C
100.0%	100.0% #5E232D	RGB 94 35 45	#5E232D

#7D707B #776071 #725266 #6D4559 #68394B #632D3C #5E232D

#7D707B - #6D4559 - #5E232D

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D707B 0%, #6D4559 50%, #5E232D 100%);
    background: -webkit-linear-gradient(top, #7D707B 0%, #6D4559 50%, #5E232D 100%);
    background: linear-gradient(to bottom, #7D707B 0%, #6D4559 50%, #5E232D 100%);
}
</style>