#9F5E5E - #7B2217 | colorate

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

Blend #9F5E5E to #7B2217

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

RGB 혼합 (선형)

#9F5E5E - #7B2217 | colorate

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

0.0%	0.0% #9F5E5E	RGB 159 94 94	#9F5E5E
16.7%	16.7% #995452	RGB 153 84 82	#995452
33.3%	33.3% #934A46	RGB 147 74 70	#934A46
50.0%	50.0% #8D403A	RGB 141 64 58	#8D403A
66.7%	66.7% #87362E	RGB 135 54 46	#87362E
83.3%	83.3% #812C22	RGB 129 44 34	#812C22
100.0%	100.0% #7B2217	RGB 123 34 23	#7B2217

#9F5E5E #995452 #934A46 #8D403A #87362E #812C22 #7B2217

#9F5E5E - #7B2217

HSV 블렌드

#9F5E5E - #7B2217 | colorate

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

0.0%	0.0% #9F5E5E	RGB 159 94 94	#9F5E5E
16.7%	16.7% #995150	RGB 153 81 80	#995150
33.3%	33.3% #934643	RGB 147 70 67	#934643
50.0%	50.0% #8D3B36	RGB 141 59 54	#8D3B36
66.7%	66.7% #87322B	RGB 135 50 43	#87322B
83.3%	83.3% #812920	RGB 129 41 32	#812920
100.0%	100.0% #7B2217	RGB 123 34 23	#7B2217

#9F5E5E #995150 #934643 #8D3B36 #87322B #812920 #7B2217

#9F5E5E - #8D3B36 - #7B2217

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5E5E 0%, #8D3B36 50%, #7B2217 100%);
    background: -webkit-linear-gradient(top, #9F5E5E 0%, #8D3B36 50%, #7B2217 100%);
    background: linear-gradient(to bottom, #9F5E5E 0%, #8D3B36 50%, #7B2217 100%);
}
</style>