#FF4337 - #FFA444 | colorate

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

Blend #FF4337 to #FFA444

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

RGB 혼합 (선형)

#FF4337 - #FFA444 | colorate

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

0.0%	0.0% #FF4337	RGB 255 67 55	#FF4337
16.7%	16.7% #FF5339	RGB 255 83 57	#FF5339
33.3%	33.3% #FF633B	RGB 255 99 59	#FF633B
50.0%	50.0% #FF733D	RGB 255 115 61	#FF733D
66.7%	66.7% #FF833F	RGB 255 131 63	#FF833F
83.3%	83.3% #FF9341	RGB 255 147 65	#FF9341
100.0%	100.0% #FFA444	RGB 255 164 68	#FFA444

#FF4337 #FF5339 #FF633B #FF733D #FF833F #FF9341 #FFA444

#FF4337 - #FFA444

HSV 블렌드

#FF4337 - #FFA444 | colorate

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

0.0%	0.0% #FF4337	RGB 255 67 55	#FF4337
16.7%	16.7% #FF5339	RGB 255 83 57	#FF5339
33.3%	33.3% #FF643B	RGB 255 100 59	#FF643B
50.0%	50.0% #FF743D	RGB 255 116 61	#FF743D
66.7%	66.7% #FF843F	RGB 255 132 63	#FF843F
83.3%	83.3% #FF9441	RGB 255 148 65	#FF9441
100.0%	100.0% #FFA444	RGB 255 164 68	#FFA444

#FF4337 #FF5339 #FF643B #FF743D #FF843F #FF9441 #FFA444

#FF4337 - #FF743D - #FFA444

CSS 코드

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

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