#EB636E - #9F182C | colorate

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

Blend #EB636E to #9F182C

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

RGB 혼합 (선형)

#EB636E - #9F182C | colorate

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

0.0%	0.0% #EB636E	RGB 235 99 110	#EB636E
16.7%	16.7% #DE5663	RGB 222 86 99	#DE5663
33.3%	33.3% #D14A58	RGB 209 74 88	#D14A58
50.0%	50.0% #C53D4D	RGB 197 61 77	#C53D4D
66.7%	66.7% #B83142	RGB 184 49 66	#B83142
83.3%	83.3% #AB2437	RGB 171 36 55	#AB2437
100.0%	100.0% #9F182C	RGB 159 24 44	#9F182C

#EB636E #DE5663 #D14A58 #C53D4D #B83142 #AB2437 #9F182C

#EB636E - #9F182C

HSV 블렌드

#EB636E - #9F182C | colorate

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

0.0%	0.0% #EB636D	RGB 235 99 109	#EB636D
16.7%	16.7% #DE5360	RGB 222 83 96	#DE5360
33.3%	33.3% #D14553	RGB 209 69 83	#D14553
50.0%	50.0% #C53848	RGB 197 56 72	#C53848
66.7%	66.7% #B82C3E	RGB 184 44 62	#B82C3E
83.3%	83.3% #AB2134	RGB 171 33 52	#AB2134
100.0%	100.0% #9F182C	RGB 159 24 44	#9F182C

#EB636D #DE5360 #D14553 #C53848 #B82C3E #AB2134 #9F182C

#EB636E - #C53848 - #9F182C

CSS 코드

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

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