#BF6B6B - #FDBC8C | colorate

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

Blend #BF6B6B to #FDBC8C

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

RGB 혼합 (선형)

#BF6B6B - #FDBC8C | colorate

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

0.0%	0.0% #BF6B6B	RGB 191 107 107	#BF6B6B
16.7%	16.7% #C97870	RGB 201 120 112	#C97870
33.3%	33.3% #D38676	RGB 211 134 118	#D38676
50.0%	50.0% #DE937B	RGB 222 147 123	#DE937B
66.7%	66.7% #E8A181	RGB 232 161 129	#E8A181
83.3%	83.3% #F2AE86	RGB 242 174 134	#F2AE86
100.0%	100.0% #FDBC8C	RGB 253 188 140	#FDBC8C

#BF6B6B #C97870 #D38676 #DE937B #E8A181 #F2AE86 #FDBC8C

#BF6B6B - #FDBC8C

HSV 블렌드

#BF6B6B - #FDBC8C | colorate

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

0.0%	0.0% #BF6B6B	RGB 191 107 107	#BF6B6B
16.7%	16.7% #C97670	RGB 201 118 112	#C97670
33.3%	33.3% #D38376	RGB 211 131 118	#D38376
50.0%	50.0% #DE907B	RGB 222 144 123	#DE907B
66.7%	66.7% #E89E81	RGB 232 158 129	#E89E81
83.3%	83.3% #F2AC86	RGB 242 172 134	#F2AC86
100.0%	100.0% #FDBC8C	RGB 253 188 140	#FDBC8C

#BF6B6B #C97670 #D38376 #DE907B #E89E81 #F2AC86 #FDBC8C

#BF6B6B - #DE907B - #FDBC8C

CSS 코드

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

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