#5E3E50 - #CF639B | colorate

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

Blend #5E3E50 to #CF639B

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

RGB 혼합 (선형)

#5E3E50 - #CF639B | colorate

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

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #70445C	RGB 112 68 92	#70445C
33.3%	33.3% #834A69	RGB 131 74 105	#834A69
50.0%	50.0% #965075	RGB 150 80 117	#965075
66.7%	66.7% #A95682	RGB 169 86 130	#A95682
83.3%	83.3% #BC5C8E	RGB 188 92 142	#BC5C8E
100.0%	100.0% #CF639B	RGB 207 99 155	#CF639B

#5E3E50 #70445C #834A69 #965075 #A95682 #BC5C8E #CF639B

#5E3E50 - #CF639B

HSV 블렌드

#5E3E50 - #CF639B | colorate

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

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #70475E	RGB 112 71 94	#70475E
33.3%	33.3% #834E6B	RGB 131 78 107	#834E6B
50.0%	50.0% #965578	RGB 150 85 120	#965578
66.7%	66.7% #A95B84	RGB 169 91 132	#A95B84
83.3%	83.3% #BC5F90	RGB 188 95 144	#BC5F90
100.0%	100.0% #CF639B	RGB 207 99 155	#CF639B

#5E3E50 #70475E #834E6B #965578 #A95B84 #BC5F90 #CF639B

#5E3E50 - #965578 - #CF639B

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E50 0%, #965578 50%, #CF639B 100%);
    background: -webkit-linear-gradient(top, #5E3E50 0%, #965578 50%, #CF639B 100%);
    background: linear-gradient(to bottom, #5E3E50 0%, #965578 50%, #CF639B 100%);
}
</style>