#BDCB85 - #FEEDA8 | colorate

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

Blend #BDCB85 to #FEEDA8

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

RGB 혼합 (선형)

#BDCB85 - #FEEDA8 | colorate

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

0.0%	0.0% #BDCB85	RGB 189 203 133	#BDCB85
16.7%	16.7% #C7D08A	RGB 199 208 138	#C7D08A
33.3%	33.3% #D2D690	RGB 210 214 144	#D2D690
50.0%	50.0% #DDDC96	RGB 221 220 150	#DDDC96
66.7%	66.7% #E8E19C	RGB 232 225 156	#E8E19C
83.3%	83.3% #F3E7A2	RGB 243 231 162	#F3E7A2
100.0%	100.0% #FEEDA8	RGB 254 237 168	#FEEDA8

#BDCB85 #C7D08A #D2D690 #DDDC96 #E8E19C #F3E7A2 #FEEDA8

#BDCB85 - #FEEDA8

HSV 블렌드

#BDCB85 - #FEEDA8 | colorate

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

0.0%	0.0% #BDCB85	RGB 189 203 133	#BDCB85
16.7%	16.7% #C9D38A	RGB 201 211 138	#C9D38A
33.3%	33.3% #D6DC90	RGB 214 220 144	#D6DC90
50.0%	50.0% #E4E496	RGB 228 228 150	#E4E496
66.7%	66.7% #EDE79C	RGB 237 231 156	#EDE79C
83.3%	83.3% #F5EAA2	RGB 245 234 162	#F5EAA2
100.0%	100.0% #FEEDA8	RGB 254 237 168	#FEEDA8

#BDCB85 #C9D38A #D6DC90 #E4E496 #EDE79C #F5EAA2 #FEEDA8

#BDCB85 - #E4E496 - #FEEDA8

CSS 코드

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

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