#C46F5E - #EED5D1 | colorate

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

Blend #C46F5E to #EED5D1

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

RGB 혼합 (선형)

#C46F5E - #EED5D1 | colorate

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

0.0%	0.0% #C46F5E	RGB 196 111 94	#C46F5E
16.7%	16.7% #CB8071	RGB 203 128 113	#CB8071
33.3%	33.3% #D29184	RGB 210 145 132	#D29184
50.0%	50.0% #D9A297	RGB 217 162 151	#D9A297
66.7%	66.7% #E0B3AA	RGB 224 179 170	#E0B3AA
83.3%	83.3% #E7C4BD	RGB 231 196 189	#E7C4BD
100.0%	100.0% #EED5D1	RGB 238 213 209	#EED5D1

#C46F5E #CB8071 #D29184 #D9A297 #E0B3AA #E7C4BD #EED5D1

#C46F5E - #EED5D1

HSV 블렌드

#C46F5E - #EED5D1 | colorate

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

0.0%	0.0% #C46F5E	RGB 196 111 94	#C46F5E
16.7%	16.7% #CB7D6E	RGB 203 125 110	#CB7D6E
33.3%	33.3% #D28D80	RGB 210 141 128	#D28D80
50.0%	50.0% #D99D93	RGB 217 157 147	#D99D93
66.7%	66.7% #E0AFA6	RGB 224 175 166	#E0AFA6
83.3%	83.3% #E7C1BB	RGB 231 193 187	#E7C1BB
100.0%	100.0% #EED5D1	RGB 238 213 209	#EED5D1

#C46F5E #CB7D6E #D28D80 #D99D93 #E0AFA6 #E7C1BB #EED5D1

#C46F5E - #D99D93 - #EED5D1

CSS 코드

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

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