#9C92DA - #552B94 | colorate

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

Blend #9C92DA to #552B94

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

RGB 혼합 (선형)

#9C92DA - #552B94 | colorate

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

0.0%	0.0% #9C92DA	RGB 156 146 218	#9C92DA
16.7%	16.7% #9080CE	RGB 144 128 206	#9080CE
33.3%	33.3% #846FC2	RGB 132 111 194	#846FC2
50.0%	50.0% #785EB7	RGB 120 94 183	#785EB7
66.7%	66.7% #6C4DAB	RGB 108 77 171	#6C4DAB
83.3%	83.3% #603C9F	RGB 96 60 159	#603C9F
100.0%	100.0% #552B94	RGB 85 43 148	#552B94

#9C92DA #9080CE #846FC2 #785EB7 #6C4DAB #603C9F #552B94

#9C92DA - #552B94

HSV 블렌드

#9C92DA - #552B94 | colorate

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

0.0%	0.0% #9C92DA	RGB 156 146 218	#9C92DA
16.7%	16.7% #8B7DCE	RGB 139 125 206	#8B7DCE
33.3%	33.3% #7D69C2	RGB 125 105 194	#7D69C2
50.0%	50.0% #7157B7	RGB 113 87 183	#7157B7
66.7%	66.7% #6647AB	RGB 102 71 171	#6647AB
83.3%	83.3% #5D389F	RGB 93 56 159	#5D389F
100.0%	100.0% #552B94	RGB 85 43 148	#552B94

#9C92DA #8B7DCE #7D69C2 #7157B7 #6647AB #5D389F #552B94

#9C92DA - #7157B7 - #552B94

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C92DA 0%, #7157B7 50%, #552B94 100%);
    background: -webkit-linear-gradient(top, #9C92DA 0%, #7157B7 50%, #552B94 100%);
    background: linear-gradient(to bottom, #9C92DA 0%, #7157B7 50%, #552B94 100%);
}
</style>