#0C0C0A - #3A3E38 | colorate
colorate는 디자이너와 개발자에게 영감을 주는 색 구성표 도구입니다. 이것은 색채 작업을 위한 자료로 도움이 될 것입니다.
이 사이트를 더 좋게 만들기
Blend #0C0C0A to #3A3E38
두 색상 #0C0C0A과 #3A3E38 사이의 색상을 계산하십시오. RGB 값을 계산할 때 서로 다른 색상 간의 채도가 낮습니다. HSV 값을 계산할 때, 서로 다른 색상 간의 채도가 낮지 않습니다.
RGB 혼합 (선형)
#0C0C0A - #3A3E38 | colorate
RGB 값에 따라 두 색상 사이의 색상 계산. 서로 떨어진 색상의 경우 두 색상 사이의 채도가 감소합니다. #0C0C0A이 0 %이고 #3A3E38이 100 % 인 두 색상 사이의 색상을 확장하십시오.
0.0% #0C0C0A |
RGB 12 12 10 | #0C0C0A |
16.7% #131411 |
RGB 19 20 17 | #131411 |
33.3% #1B1C19 |
RGB 27 28 25 | #1B1C19 |
50.0% #232521 |
RGB 35 37 33 | #232521 |
66.7% #2A2D28 |
RGB 42 45 40 | #2A2D28 |
83.3% #323530 |
RGB 50 53 48 | #323530 |
100.0% #3A3E38 |
RGB 58 62 56 | #3A3E38 |
HSV 블렌드
#0C0C0A - #3A3E38 | colorate
HSV 값에 따라 두 색상 사이의 색상 계산. 서로 다른 색상의 색상 사이에서도 두 색상 간의 채도가 감소하지 않습니다. #0C0C0A이 0 %이고 #3A3E38이 100 % 인 두 색상 사이의 색상을 확장하십시오.
0.0% #0C0C0A |
RGB 12 12 10 | #0C0C0A |
16.7% #131411 |
RGB 19 20 17 | #131411 |
33.3% #1B1C18 |
RGB 27 28 24 | #1B1C18 |
50.0% #232520 |
RGB 35 37 32 | #232520 |
66.7% #2A2D27 |
RGB 42 45 39 | #2A2D27 |
83.3% #32352F |
RGB 50 53 47 | #32352F |
100.0% #3A3E38 |
RGB 58 62 56 | #3A3E38 |
CSS 코드
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #0C0C0A 0%, #3A3E38 100%); background: -webkit-linear-gradient(top, #0C0C0A 0%, #3A3E38 100%); background: linear-gradient(to bottom, #0C0C0A 0%, #3A3E38 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #0C0C0A 0%, #232520 50%, #3A3E38 100%); background: -webkit-linear-gradient(top, #0C0C0A 0%, #232520 50%, #3A3E38 100%); background: linear-gradient(to bottom, #0C0C0A 0%, #232520 50%, #3A3E38 100%); } </style>
Utilities
Barcode
You can create barcodes online. The created barcode can be downloaded as PNG or EPS.
colorate
colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
textate
Make text to image. It is useful when you want to send text on SNS.