#8D767B - #5E2E2E | colorate

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

Blend #8D767B to #5E2E2E

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

RGB 혼합 (선형)

#8D767B - #5E2E2E | colorate

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

0.0%	0.0% #8D767B	RGB 141 118 123	#8D767B
16.7%	16.7% #856A6E	RGB 133 106 110	#856A6E
33.3%	33.3% #7D5E61	RGB 125 94 97	#7D5E61
50.0%	50.0% #755254	RGB 117 82 84	#755254
66.7%	66.7% #6D4647	RGB 109 70 71	#6D4647
83.3%	83.3% #653A3A	RGB 101 58 58	#653A3A
100.0%	100.0% #5E2E2E	RGB 94 46 46	#5E2E2E

#8D767B #856A6E #7D5E61 #755254 #6D4647 #653A3A #5E2E2E

#8D767B - #5E2E2E

HSV 블렌드

#8D767B - #5E2E2E | colorate

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

0.0%	0.0% #8D767B	RGB 141 118 123	#8D767B
16.7%	16.7% #85676D	RGB 133 103 109	#85676D
33.3%	33.3% #7D5A5F	RGB 125 90 95	#7D5A5F
50.0%	50.0% #754D52	RGB 117 77 82	#754D52
66.7%	66.7% #6D4245	RGB 109 66 69	#6D4245
83.3%	83.3% #653739	RGB 101 55 57	#653739
100.0%	100.0% #5E2E2E	RGB 94 46 46	#5E2E2E

#8D767B #85676D #7D5A5F #754D52 #6D4245 #653739 #5E2E2E

#8D767B - #754D52 - #5E2E2E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D767B 0%, #754D52 50%, #5E2E2E 100%);
    background: -webkit-linear-gradient(top, #8D767B 0%, #754D52 50%, #5E2E2E 100%);
    background: linear-gradient(to bottom, #8D767B 0%, #754D52 50%, #5E2E2E 100%);
}
</style>