#696A5E - #383E12 | colorate

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

Blend #696A5E to #383E12

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

RGB 혼합 (선형)

#696A5E - #383E12 | colorate

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

0.0%	0.0% #696A5E	RGB 105 106 94	#696A5E
16.7%	16.7% #606251	RGB 96 98 81	#606251
33.3%	33.3% #585B44	RGB 88 91 68	#585B44
50.0%	50.0% #505438	RGB 80 84 56	#505438
66.7%	66.7% #484C2B	RGB 72 76 43	#484C2B
83.3%	83.3% #40451E	RGB 64 69 30	#40451E
100.0%	100.0% #383E12	RGB 56 62 18	#383E12

#696A5E #606251 #585B44 #505438 #484C2B #40451E #383E12

#696A5E - #383E12

HSV 블렌드

#696A5E - #383E12 | colorate

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

0.0%	0.0% #696A5E	RGB 105 106 94	#696A5E
16.7%	16.7% #60624D	RGB 96 98 77	#60624D
33.3%	33.3% #585B3E	RGB 88 91 62	#585B3E
50.0%	50.0% #505431	RGB 80 84 49	#505431
66.7%	66.7% #484C25	RGB 72 76 37	#484C25
83.3%	83.3% #3F451B	RGB 63 69 27	#3F451B
100.0%	100.0% #383E12	RGB 56 62 18	#383E12

#696A5E #60624D #585B3E #505431 #484C25 #3F451B #383E12

#696A5E - #505431 - #383E12

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #696A5E 0%, #505431 50%, #383E12 100%);
    background: -webkit-linear-gradient(top, #696A5E 0%, #505431 50%, #383E12 100%);
    background: linear-gradient(to bottom, #696A5E 0%, #505431 50%, #383E12 100%);
}
</style>