#C78C5E - #FFB77F | colorate

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

Blend #C78C5E to #FFB77F

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

RGB 혼합 (선형)

#C78C5E - #FFB77F | colorate

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

0.0%	0.0% #C78C5E	RGB 199 140 94	#C78C5E
16.7%	16.7% #D09363	RGB 208 147 99	#D09363
33.3%	33.3% #D99A69	RGB 217 154 105	#D99A69
50.0%	50.0% #E3A16E	RGB 227 161 110	#E3A16E
66.7%	66.7% #ECA874	RGB 236 168 116	#ECA874
83.3%	83.3% #F5AF79	RGB 245 175 121	#F5AF79
100.0%	100.0% #FFB77F	RGB 255 183 127	#FFB77F

#C78C5E #D09363 #D99A69 #E3A16E #ECA874 #F5AF79 #FFB77F

#C78C5E - #FFB77F

HSV 블렌드

#C78C5E - #FFB77F | colorate

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

0.0%	0.0% #C78C5E	RGB 199 140 94	#C78C5E
16.7%	16.7% #D09363	RGB 208 147 99	#D09363
33.3%	33.3% #D99A68	RGB 217 154 104	#D99A68
50.0%	50.0% #E3A16E	RGB 227 161 110	#E3A16E
66.7%	66.7% #ECA873	RGB 236 168 115	#ECA873
83.3%	83.3% #F5AF79	RGB 245 175 121	#F5AF79
100.0%	100.0% #FFB77F	RGB 255 183 127	#FFB77F

#C78C5E #D09363 #D99A68 #E3A16E #ECA873 #F5AF79 #FFB77F

#C78C5E - #E3A16E - #FFB77F

CSS 코드

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

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