#ABA29B - #ECC2B7 | colorate

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

Blend #ABA29B to #ECC2B7

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

RGB 혼합 (선형)

#ABA29B - #ECC2B7 | colorate

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

0.0%	0.0% #ABA29B	RGB 171 162 155	#ABA29B
16.7%	16.7% #B5A79F	RGB 181 167 159	#B5A79F
33.3%	33.3% #C0ACA4	RGB 192 172 164	#C0ACA4
50.0%	50.0% #CBB2A9	RGB 203 178 169	#CBB2A9
66.7%	66.7% #D6B7AD	RGB 214 183 173	#D6B7AD
83.3%	83.3% #E1BCB2	RGB 225 188 178	#E1BCB2
100.0%	100.0% #ECC2B7	RGB 236 194 183	#ECC2B7

#ABA29B #B5A79F #C0ACA4 #CBB2A9 #D6B7AD #E1BCB2 #ECC2B7

#ABA29B - #ECC2B7

HSV 블렌드

#ABA29B - #ECC2B7 | colorate

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

0.0%	0.0% #ABA29B	RGB 171 162 155	#ABA29B
16.7%	16.7% #B5A9A0	RGB 181 169 160	#B5A9A0
33.3%	33.3% #C0AFA6	RGB 192 175 166	#C0AFA6
50.0%	50.0% #CBB5AB	RGB 203 181 171	#CBB5AB
66.7%	66.7% #D6BAAF	RGB 214 186 175	#D6BAAF
83.3%	83.3% #E1BEB3	RGB 225 190 179	#E1BEB3
100.0%	100.0% #ECC2B7	RGB 236 194 183	#ECC2B7

#ABA29B #B5A9A0 #C0AFA6 #CBB5AB #D6BAAF #E1BEB3 #ECC2B7

#ABA29B - #CBB5AB - #ECC2B7

CSS 코드

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

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