#A06B5E - #FE9B7B | colorate

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

Blend #A06B5E to #FE9B7B

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

RGB 혼합 (선형)

#A06B5E - #FE9B7B | colorate

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

0.0%	0.0% #A06B5E	RGB 160 107 94	#A06B5E
16.7%	16.7% #AF7362	RGB 175 115 98	#AF7362
33.3%	33.3% #BF7B67	RGB 191 123 103	#BF7B67
50.0%	50.0% #CF836C	RGB 207 131 108	#CF836C
66.7%	66.7% #DE8B71	RGB 222 139 113	#DE8B71
83.3%	83.3% #EE9376	RGB 238 147 118	#EE9376
100.0%	100.0% #FE9B7B	RGB 254 155 123	#FE9B7B

#A06B5E #AF7362 #BF7B67 #CF836C #DE8B71 #EE9376 #FE9B7B

#A06B5E - #FE9B7B

HSV 블렌드

#A06B5E - #FE9B7B | colorate

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

0.0%	0.0% #A06B5E	RGB 160 107 94	#A06B5E
16.7%	16.7% #AF7364	RGB 175 115 100	#AF7364
33.3%	33.3% #BF7C69	RGB 191 124 105	#BF7C69
50.0%	50.0% #CF846E	RGB 207 132 110	#CF846E
66.7%	66.7% #DE8B73	RGB 222 139 115	#DE8B73
83.3%	83.3% #EE9377	RGB 238 147 119	#EE9377
100.0%	100.0% #FE9B7B	RGB 254 155 123	#FE9B7B

#A06B5E #AF7364 #BF7C69 #CF846E #DE8B73 #EE9377 #FE9B7B

#A06B5E - #CF846E - #FE9B7B

CSS 코드

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

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