#FFBEB5 - #F36D5E | colorate

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

Blend #FFBEB5 to #F36D5E

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

RGB 혼합 (선형)

#FFBEB5 - #F36D5E | colorate

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

0.0%	0.0% #FFBEB5	RGB 255 190 181	#FFBEB5
16.7%	16.7% #FDB0A6	RGB 253 176 166	#FDB0A6
33.3%	33.3% #FBA398	RGB 251 163 152	#FBA398
50.0%	50.0% #F99589	RGB 249 149 137	#F99589
66.7%	66.7% #F7887B	RGB 247 136 123	#F7887B
83.3%	83.3% #F57A6C	RGB 245 122 108	#F57A6C
100.0%	100.0% #F36D5E	RGB 243 109 94	#F36D5E

#FFBEB5 #FDB0A6 #FBA398 #F99589 #F7887B #F57A6C #F36D5E

#FFBEB5 - #F36D5E

HSV 블렌드

#FFBEB5 - #F36D5E | colorate

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

0.0%	0.0% #FFBEB5	RGB 255 190 181	#FFBEB5
16.7%	16.7% #FDB0A5	RGB 253 176 165	#FDB0A5
33.3%	33.3% #FBA297	RGB 251 162 151	#FBA297
50.0%	50.0% #F99588	RGB 249 149 136	#F99588
66.7%	66.7% #F7877A	RGB 247 135 122	#F7877A
83.3%	83.3% #F57A6B	RGB 245 122 107	#F57A6B
100.0%	100.0% #F36D5E	RGB 243 109 94	#F36D5E

#FFBEB5 #FDB0A5 #FBA297 #F99588 #F7877A #F57A6B #F36D5E

#FFBEB5 - #F99588 - #F36D5E

CSS 코드

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

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