#AB7A8D - #752A3E | colorate

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

Blend #AB7A8D to #752A3E

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

RGB 혼합 (선형)

#AB7A8D - #752A3E | colorate

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

0.0%	0.0% #AB7A8D	RGB 171 122 141	#AB7A8D
16.7%	16.7% #A26C7F	RGB 162 108 127	#A26C7F
33.3%	33.3% #995F72	RGB 153 95 114	#995F72
50.0%	50.0% #905265	RGB 144 82 101	#905265
66.7%	66.7% #874458	RGB 135 68 88	#874458
83.3%	83.3% #7E374B	RGB 126 55 75	#7E374B
100.0%	100.0% #752A3E	RGB 117 42 62	#752A3E

#AB7A8D #A26C7F #995F72 #905265 #874458 #7E374B #752A3E

#AB7A8D - #752A3E

HSV 블렌드

#AB7A8D - #752A3E | colorate

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

0.0%	0.0% #AB7A8D	RGB 171 122 141	#AB7A8D
16.7%	16.7% #A26A7E	RGB 162 106 126	#A26A7E
33.3%	33.3% #995B70	RGB 153 91 112	#995B70
50.0%	50.0% #904D63	RGB 144 77 99	#904D63
66.7%	66.7% #874056	RGB 135 64 86	#874056
83.3%	83.3% #7E3449	RGB 126 52 73	#7E3449
100.0%	100.0% #752A3E	RGB 117 42 62	#752A3E

#AB7A8D #A26A7E #995B70 #904D63 #874056 #7E3449 #752A3E

#AB7A8D - #904D63 - #752A3E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB7A8D 0%, #904D63 50%, #752A3E 100%);
    background: -webkit-linear-gradient(top, #AB7A8D 0%, #904D63 50%, #752A3E 100%);
    background: linear-gradient(to bottom, #AB7A8D 0%, #904D63 50%, #752A3E 100%);
}
</style>