#2D0E3C - #8D4258 | colorate

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

Blend #2D0E3C to #8D4258

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

RGB 혼합 (선형)

#2D0E3C - #8D4258 | colorate

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

0.0%	0.0% #2D0E3C	RGB 45 14 60	#2D0E3C
16.7%	16.7% #3D1640	RGB 61 22 64	#3D1640
33.3%	33.3% #4D1F45	RGB 77 31 69	#4D1F45
50.0%	50.0% #5D284A	RGB 93 40 74	#5D284A
66.7%	66.7% #6D304E	RGB 109 48 78	#6D304E
83.3%	83.3% #7D3953	RGB 125 57 83	#7D3953
100.0%	100.0% #8D4258	RGB 141 66 88	#8D4258

#2D0E3C #3D1640 #4D1F45 #5D284A #6D304E #7D3953 #8D4258

#2D0E3C - #8D4258

HSV 블렌드

#2D0E3C - #8D4258 | colorate

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

0.0%	0.0% #2D0E3C	RGB 45 14 60	#2D0E3C
16.7%	16.7% #411449	RGB 65 20 73	#411449
33.3%	33.3% #571B55	RGB 87 27 85	#571B55
50.0%	50.0% #642358	RGB 100 35 88	#642358
66.7%	66.7% #722C58	RGB 114 44 88	#722C58
83.3%	83.3% #7F3658	RGB 127 54 88	#7F3658
100.0%	100.0% #8D4258	RGB 141 66 88	#8D4258

#2D0E3C #411449 #571B55 #642358 #722C58 #7F3658 #8D4258

#2D0E3C - #642358 - #8D4258

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D0E3C 0%, #642358 50%, #8D4258 100%);
    background: -webkit-linear-gradient(top, #2D0E3C 0%, #642358 50%, #8D4258 100%);
    background: linear-gradient(to bottom, #2D0E3C 0%, #642358 50%, #8D4258 100%);
}
</style>