#0C090B - #B9B8B9 | colorate

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

Blend #0C090B to #B9B8B9

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

RGB 혼합 (선형)

#0C090B - #B9B8B9 | colorate

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

0.0%	0.0% #0C090B	RGB 12 9 11	#0C090B
16.7%	16.7% #282628	RGB 40 38 40	#282628
33.3%	33.3% #454345	RGB 69 67 69	#454345
50.0%	50.0% #626062	RGB 98 96 98	#626062
66.7%	66.7% #7F7D7F	RGB 127 125 127	#7F7D7F
83.3%	83.3% #9C9A9C	RGB 156 154 156	#9C9A9C
100.0%	100.0% #B9B8B9	RGB 185 184 185	#B9B8B9

#0C090B #282628 #454345 #626062 #7F7D7F #9C9A9C #B9B8B9

#0C090B - #B9B8B9

HSV 블렌드

#0C090B - #B9B8B9 | colorate

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

0.0%	0.0% #0C090B	RGB 12 9 11	#0C090B
16.7%	16.7% #282026	RGB 40 32 38	#282026
33.3%	33.3% #453943	RGB 69 57 67	#453943
50.0%	50.0% #625560	RGB 98 85 96	#625560
66.7%	66.7% #7F747E	RGB 127 116 126	#7F747E
83.3%	83.3% #9C949B	RGB 156 148 155	#9C949B
100.0%	100.0% #B9B8B9	RGB 185 184 185	#B9B8B9

#0C090B #282026 #453943 #625560 #7F747E #9C949B #B9B8B9

#0C090B - #625560 - #B9B8B9

CSS 코드

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

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