#56464F - #360623 | colorate

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

Blend #56464F to #360623

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

RGB 혼합 (선형)

#56464F - #360623 | colorate

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

0.0%	0.0% #56464F	RGB 86 70 79	#56464F
16.7%	16.7% #503B47	RGB 80 59 71	#503B47
33.3%	33.3% #4B3040	RGB 75 48 64	#4B3040
50.0%	50.0% #462639	RGB 70 38 57	#462639
66.7%	66.7% #401B31	RGB 64 27 49	#401B31
83.3%	83.3% #3B102A	RGB 59 16 42	#3B102A
100.0%	100.0% #360623	RGB 54 6 35	#360623

#56464F #503B47 #4B3040 #462639 #401B31 #3B102A #360623

#56464F - #360623

HSV 블렌드

#56464F - #360623 | colorate

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

0.0%	0.0% #56464F	RGB 86 70 79	#56464F
16.7%	16.7% #503846	RGB 80 56 70	#503846
33.3%	33.3% #4B2B3D	RGB 75 43 61	#4B2B3D
50.0%	50.0% #462036	RGB 70 32 54	#462036
66.7%	66.7% #40162F	RGB 64 22 47	#40162F
83.3%	83.3% #3B0D28	RGB 59 13 40	#3B0D28
100.0%	100.0% #360623	RGB 54 6 35	#360623

#56464F #503846 #4B2B3D #462036 #40162F #3B0D28 #360623

#56464F - #462036 - #360623

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56464F 0%, #462036 50%, #360623 100%);
    background: -webkit-linear-gradient(top, #56464F 0%, #462036 50%, #360623 100%);
    background: linear-gradient(to bottom, #56464F 0%, #462036 50%, #360623 100%);
}
</style>