#FFDF7B - #ECAC2A | colorate

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

Blend #FFDF7B to #ECAC2A

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

RGB 혼합 (선형)

#FFDF7B - #ECAC2A | colorate

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

0.0%	0.0% #FFDF7B	RGB 255 223 123	#FFDF7B
16.7%	16.7% #FBD66D	RGB 251 214 109	#FBD66D
33.3%	33.3% #F8CE60	RGB 248 206 96	#F8CE60
50.0%	50.0% #F5C552	RGB 245 197 82	#F5C552
66.7%	66.7% #F2BD45	RGB 242 189 69	#F2BD45
83.3%	83.3% #EFB437	RGB 239 180 55	#EFB437
100.0%	100.0% #ECAC2A	RGB 236 172 42	#ECAC2A

#FFDF7B #FBD66D #F8CE60 #F5C552 #F2BD45 #EFB437 #ECAC2A

#FFDF7B - #ECAC2A

HSV 블렌드

#FFDF7B - #ECAC2A | colorate

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

0.0%	0.0% #FFDF7B	RGB 255 223 123	#FFDF7B
16.7%	16.7% #FBD76C	RGB 251 215 108	#FBD76C
33.3%	33.3% #F8CE5E	RGB 248 206 94	#F8CE5E
50.0%	50.0% #F5C651	RGB 245 198 81	#F5C651
66.7%	66.7% #F2BD43	RGB 242 189 67	#F2BD43
83.3%	83.3% #EFB436	RGB 239 180 54	#EFB436
100.0%	100.0% #ECAC2A	RGB 236 172 42	#ECAC2A

#FFDF7B #FBD76C #F8CE5E #F5C651 #F2BD43 #EFB436 #ECAC2A

#FFDF7B - #F5C651 - #ECAC2A

CSS 코드

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

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