#636C58 - #CECE7E | colorate

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

Blend #636C58 to #CECE7E

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

RGB 혼합 (선형)

#636C58 - #CECE7E | colorate

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

0.0%	0.0% #636C58	RGB 99 108 88	#636C58
16.7%	16.7% #747C5E	RGB 116 124 94	#747C5E
33.3%	33.3% #868C64	RGB 134 140 100	#868C64
50.0%	50.0% #989D6B	RGB 152 157 107	#989D6B
66.7%	66.7% #AAAD71	RGB 170 173 113	#AAAD71
83.3%	83.3% #BCBD77	RGB 188 189 119	#BCBD77
100.0%	100.0% #CECE7E	RGB 206 206 126	#CECE7E

#636C58 #747C5E #868C64 #989D6B #AAAD71 #BCBD77 #CECE7E

#636C58 - #CECE7E

HSV 블렌드

#636C58 - #CECE7E | colorate

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

0.0%	0.0% #636C58	RGB 99 108 88	#636C58
16.7%	16.7% #727C61	RGB 114 124 97	#727C61
33.3%	33.3% #818C69	RGB 129 140 105	#818C69
50.0%	50.0% #929D6F	RGB 146 157 111	#929D6F
66.7%	66.7% #A4AD75	RGB 164 173 117	#A4AD75
83.3%	83.3% #B8BD7A	RGB 184 189 122	#B8BD7A
100.0%	100.0% #CECE7E	RGB 206 206 126	#CECE7E

#636C58 #727C61 #818C69 #929D6F #A4AD75 #B8BD7A #CECE7E

#636C58 - #929D6F - #CECE7E

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636C58 0%, #929D6F 50%, #CECE7E 100%);
    background: -webkit-linear-gradient(top, #636C58 0%, #929D6F 50%, #CECE7E 100%);
    background: linear-gradient(to bottom, #636C58 0%, #929D6F 50%, #CECE7E 100%);
}
</style>