#5E6670 - #BDA892 | colorate

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

Blend #5E6670 to #BDA892

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

RGB 혼합 (선형)

#5E6670 - #BDA892 | colorate

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

0.0%	0.0% #5E6670	RGB 94 102 112	#5E6670
16.7%	16.7% #6D7175	RGB 109 113 117	#6D7175
33.3%	33.3% #7D7C7B	RGB 125 124 123	#7D7C7B
50.0%	50.0% #8D8781	RGB 141 135 129	#8D8781
66.7%	66.7% #9D9286	RGB 157 146 134	#9D9286
83.3%	83.3% #AD9D8C	RGB 173 157 140	#AD9D8C
100.0%	100.0% #BDA892	RGB 189 168 146	#BDA892

#5E6670 #6D7175 #7D7C7B #8D8781 #9D9286 #AD9D8C #BDA892

#5E6670 - #BDA892

HSV 블렌드

#5E6670 - #BDA892 | colorate

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

0.0%	0.0% #5E6670	RGB 94 102 112	#5E6670
16.7%	16.7% #68677C	RGB 104 103 124	#68677C
33.3%	33.3% #7E7089	RGB 126 112 137	#7E7089
50.0%	50.0% #967995	RGB 150 121 149	#967995
66.7%	66.7% #A38191	RGB 163 129 145	#A38191
83.3%	83.3% #B08A8A	RGB 176 138 138	#B08A8A
100.0%	100.0% #BDA892	RGB 189 168 146	#BDA892

#5E6670 #68677C #7E7089 #967995 #A38191 #B08A8A #BDA892

#5E6670 - #967995 - #BDA892

CSS 코드

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

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