#565346 - #B68D70 | colorate

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

Blend #565346 to #B68D70

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

RGB 혼합 (선형)

#565346 - #B68D70 | colorate

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

0.0%	0.0% #565346	RGB 86 83 70	#565346
16.7%	16.7% #665C4D	RGB 102 92 77	#665C4D
33.3%	33.3% #766654	RGB 118 102 84	#766654
50.0%	50.0% #86705B	RGB 134 112 91	#86705B
66.7%	66.7% #967962	RGB 150 121 98	#967962
83.3%	83.3% #A68369	RGB 166 131 105	#A68369
100.0%	100.0% #B68D70	RGB 182 141 112	#B68D70

#565346 #665C4D #766654 #86705B #967962 #A68369 #B68D70

#565346 - #B68D70

HSV 블렌드

#565346 - #B68D70 | colorate

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

0.0%	0.0% #565346	RGB 86 83 70	#565346
16.7%	16.7% #66604F	RGB 102 96 79	#66604F
33.3%	33.3% #766C58	RGB 118 108 88	#766C58
50.0%	50.0% #86775F	RGB 134 119 95	#86775F
66.7%	66.7% #968066	RGB 150 128 102	#968066
83.3%	83.3% #A6876B	RGB 166 135 107	#A6876B
100.0%	100.0% #B68D70	RGB 182 141 112	#B68D70

#565346 #66604F #766C58 #86775F #968066 #A6876B #B68D70

#565346 - #86775F - #B68D70

CSS 코드

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

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