#302B5E - #BA7092 | colorate

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

Blend #302B5E to #BA7092

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

RGB 혼합 (선형)

#302B5E - #BA7092 | colorate

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

0.0%	0.0% #302B5E	RGB 48 43 94	#302B5E
16.7%	16.7% #473666	RGB 71 54 102	#473666
33.3%	33.3% #5E426F	RGB 94 66 111	#5E426F
50.0%	50.0% #754D78	RGB 117 77 120	#754D78
66.7%	66.7% #8C5980	RGB 140 89 128	#8C5980
83.3%	83.3% #A36489	RGB 163 100 137	#A36489
100.0%	100.0% #BA7092	RGB 186 112 146	#BA7092

#302B5E #473666 #5E426F #754D78 #8C5980 #A36489 #BA7092

#302B5E - #BA7092

HSV 블렌드

#302B5E - #BA7092 | colorate

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

0.0%	0.0% #2F2B5E	RGB 47 43 94	#2F2B5E
16.7%	16.7% #47346D	RGB 71 52 109	#47346D
33.3%	33.3% #623F7C	RGB 98 63 124	#623F7C
50.0%	50.0% #804A8C	RGB 128 74 140	#804A8C
66.7%	66.7% #9B5697	RGB 155 86 151	#9B5697
83.3%	83.3% #AA6295	RGB 170 98 149	#AA6295
100.0%	100.0% #BA7092	RGB 186 112 146	#BA7092

#2F2B5E #47346D #623F7C #804A8C #9B5697 #AA6295 #BA7092

#302B5E - #804A8C - #BA7092

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2B5E 0%, #804A8C 50%, #BA7092 100%);
    background: -webkit-linear-gradient(top, #2F2B5E 0%, #804A8C 50%, #BA7092 100%);
    background: linear-gradient(to bottom, #2F2B5E 0%, #804A8C 50%, #BA7092 100%);
}
</style>