#FF8D5E - #E0431B | colorate

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

Blend #FF8D5E to #E0431B

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

RGB 혼합 (선형)

#FF8D5E - #E0431B | colorate

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

0.0%	0.0% #FF8D5E	RGB 255 141 94	#FF8D5E
16.7%	16.7% #F98052	RGB 249 128 82	#F98052
33.3%	33.3% #F47447	RGB 244 116 71	#F47447
50.0%	50.0% #EF683C	RGB 239 104 60	#EF683C
66.7%	66.7% #EA5B31	RGB 234 91 49	#EA5B31
83.3%	83.3% #E54F26	RGB 229 79 38	#E54F26
100.0%	100.0% #E0431B	RGB 224 67 27	#E0431B

#FF8D5E #F98052 #F47447 #EF683C #EA5B31 #E54F26 #E0431B

#FF8D5E - #E0431B

HSV 블렌드

#FF8D5E - #E0431B | colorate

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

0.0%	0.0% #FF8D5D	RGB 255 141 93	#FF8D5D
16.7%	16.7% #F98051	RGB 249 128 81	#F98051
33.3%	33.3% #F47345	RGB 244 115 69	#F47345
50.0%	50.0% #EF673A	RGB 239 103 58	#EF673A
66.7%	66.7% #EA5B2F	RGB 234 91 47	#EA5B2F
83.3%	83.3% #E54E25	RGB 229 78 37	#E54E25
100.0%	100.0% #E0431B	RGB 224 67 27	#E0431B

#FF8D5D #F98051 #F47345 #EF673A #EA5B2F #E54E25 #E0431B

#FF8D5E - #EF673A - #E0431B

CSS 코드

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

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