#96808C - #FEC9A8 | colorate

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

Blend #96808C to #FEC9A8

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

RGB 혼합 (선형)

#96808C - #FEC9A8 | colorate

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

0.0%	0.0% #96808C	RGB 150 128 140	#96808C
16.7%	16.7% #A78C90	RGB 167 140 144	#A78C90
33.3%	33.3% #B89895	RGB 184 152 149	#B89895
50.0%	50.0% #CAA49A	RGB 202 164 154	#CAA49A
66.7%	66.7% #DBB09E	RGB 219 176 158	#DBB09E
83.3%	83.3% #ECBCA3	RGB 236 188 163	#ECBCA3
100.0%	100.0% #FEC9A8	RGB 254 201 168	#FEC9A8

#96808C #A78C90 #B89895 #CAA49A #DBB09E #ECBCA3 #FEC9A8

#96808C - #FEC9A8

HSV 블렌드

#96808C - #FEC9A8 | colorate

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

0.0%	0.0% #96808C	RGB 150 128 140	#96808C
16.7%	16.7% #A78995	RGB 167 137 149	#A78995
33.3%	33.3% #B8919A	RGB 184 145 154	#B8919A
50.0%	50.0% #CA989C	RGB 202 152 156	#CA989C
66.7%	66.7% #DBA39F	RGB 219 163 159	#DBA39F
83.3%	83.3% #ECB4A4	RGB 236 180 164	#ECB4A4
100.0%	100.0% #FEC9A8	RGB 254 201 168	#FEC9A8

#96808C #A78995 #B8919A #CA989C #DBA39F #ECB4A4 #FEC9A8

#96808C - #CA989C - #FEC9A8

CSS 코드

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

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