#DC143C - #620017 | colorate

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

Blend #DC143C to #620017

#DC143C #620017

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

RGB 혼합 (선형)

#DC143C - #620017 | colorate

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

0.0%	0.0% #DC143C	RGB 220 20 60	#DC143C
16.7%	16.7% #C71035	RGB 199 16 53	#C71035
33.3%	33.3% #B30D2F	RGB 179 13 47	#B30D2F
50.0%	50.0% #9F0A29	RGB 159 10 41	#9F0A29
66.7%	66.7% #8A0623	RGB 138 6 35	#8A0623
83.3%	83.3% #76031D	RGB 118 3 29	#76031D
100.0%	100.0% #620017	RGB 98 0 23	#620017

#DC143C #C71035 #B30D2F #9F0A29 #8A0623 #76031D #620017

#DC143C - #620017

HSV 블렌드

#DC143C - #620017 | colorate

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

0.0%	0.0% #DC133C	RGB 220 19 60	#DC133C
16.7%	16.7% #C70F35	RGB 199 15 53	#C70F35
33.3%	33.3% #B30A2E	RGB 179 10 46	#B30A2E
50.0%	50.0% #9F0728	RGB 159 7 40	#9F0728
66.7%	66.7% #8A0422	RGB 138 4 34	#8A0422
83.3%	83.3% #76011C	RGB 118 1 28	#76011C
100.0%	100.0% #620017	RGB 98 0 23	#620017

#DC133C #C70F35 #B30A2E #9F0728 #8A0422 #76011C #620017

#DC143C - #9F0728 - #620017

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DC133C 0%, #9F0728 50%, #620017 100%);
    background: -webkit-linear-gradient(top, #DC133C 0%, #9F0728 50%, #620017 100%);
    background: linear-gradient(to bottom, #DC133C 0%, #9F0728 50%, #620017 100%);
}
</style>