#CD6C2B - #8F430B | colorate

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

Blend #CD6C2B to #8F430B

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

RGB 혼합 (선형)

#CD6C2B - #8F430B | colorate

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

0.0%	0.0% #CD6C2B	RGB 205 108 43	#CD6C2B
16.7%	16.7% #C26525	RGB 194 101 37	#C26525
33.3%	33.3% #B85E20	RGB 184 94 32	#B85E20
50.0%	50.0% #AE571B	RGB 174 87 27	#AE571B
66.7%	66.7% #A35015	RGB 163 80 21	#A35015
83.3%	83.3% #994910	RGB 153 73 16	#994910
100.0%	100.0% #8F430B	RGB 143 67 11	#8F430B

#CD6C2B #C26525 #B85E20 #AE571B #A35015 #994910 #8F430B

#CD6C2B - #8F430B

HSV 블렌드

#CD6C2B - #8F430B | colorate

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

0.0%	0.0% #CD6C2B	RGB 205 108 43	#CD6C2B
16.7%	16.7% #C26424	RGB 194 100 36	#C26424
33.3%	33.3% #B85D1E	RGB 184 93 30	#B85D1E
50.0%	50.0% #AE5618	RGB 174 86 24	#AE5618
66.7%	66.7% #A34F13	RGB 163 79 19	#A34F13
83.3%	83.3% #99490F	RGB 153 73 15	#99490F
100.0%	100.0% #8F430B	RGB 143 67 11	#8F430B

#CD6C2B #C26424 #B85D1E #AE5618 #A34F13 #99490F #8F430B

#CD6C2B - #AE5618 - #8F430B

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD6C2B 0%, #AE5618 50%, #8F430B 100%);
    background: -webkit-linear-gradient(top, #CD6C2B 0%, #AE5618 50%, #8F430B 100%);
    background: linear-gradient(to bottom, #CD6C2B 0%, #AE5618 50%, #8F430B 100%);
}
</style>