#465652 - #07352C | colorate

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

Blend #465652 to #07352C

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

RGB 혼합 (선형)

#465652 - #07352C | colorate

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

0.0%	0.0% #465652	RGB 70 86 82	#465652
16.7%	16.7% #3B504B	RGB 59 80 75	#3B504B
33.3%	33.3% #314B45	RGB 49 75 69	#314B45
50.0%	50.0% #26453F	RGB 38 69 63	#26453F
66.7%	66.7% #1C4038	RGB 28 64 56	#1C4038
83.3%	83.3% #113A32	RGB 17 58 50	#113A32
100.0%	100.0% #07352C	RGB 7 53 44	#07352C

#465652 #3B504B #314B45 #26453F #1C4038 #113A32 #07352C

#465652 - #07352C

HSV 블렌드

#465652 - #07352C | colorate

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

0.0%	0.0% #465652	RGB 70 86 82	#465652
16.7%	16.7% #38504A	RGB 56 80 74	#38504A
33.3%	33.3% #2B4B43	RGB 43 75 67	#2B4B43
50.0%	50.0% #20453D	RGB 32 69 61	#20453D
66.7%	66.7% #164037	RGB 22 64 55	#164037
83.3%	83.3% #0E3A31	RGB 14 58 49	#0E3A31
100.0%	100.0% #07352C	RGB 7 53 44	#07352C

#465652 #38504A #2B4B43 #20453D #164037 #0E3A31 #07352C

#465652 - #20453D - #07352C

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465652 0%, #20453D 50%, #07352C 100%);
    background: -webkit-linear-gradient(top, #465652 0%, #20453D 50%, #07352C 100%);
    background: linear-gradient(to bottom, #465652 0%, #20453D 50%, #07352C 100%);
}
</style>