#CFED5E - #FFF696 | colorate

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

Blend #CFED5E to #FFF696

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

RGB 혼합 (선형)

#CFED5E - #FFF696 | colorate

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

0.0%	0.0% #CFED5E	RGB 207 237 94	#CFED5E
16.7%	16.7% #D7EE67	RGB 215 238 103	#D7EE67
33.3%	33.3% #DFF070	RGB 223 240 112	#DFF070
50.0%	50.0% #E7F17A	RGB 231 241 122	#E7F17A
66.7%	66.7% #EFF383	RGB 239 243 131	#EFF383
83.3%	83.3% #F7F48C	RGB 247 244 140	#F7F48C
100.0%	100.0% #FFF696	RGB 255 246 150	#FFF696

#CFED5E #D7EE67 #DFF070 #E7F17A #EFF383 #F7F48C #FFF696

#CFED5E - #FFF696

HSV 블렌드

#CFED5E - #FFF696 | colorate

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

0.0%	0.0% #CFED5E	RGB 207 237 94	#CFED5E
16.7%	16.7% #D9F066	RGB 217 240 102	#D9F066
33.3%	33.3% #E4F36F	RGB 228 243 111	#E4F36F
50.0%	50.0% #EEF679	RGB 238 246 121	#EEF679
66.7%	66.7% #F7F982	RGB 247 249 130	#F7F982
83.3%	83.3% #FCF78C	RGB 252 247 140	#FCF78C
100.0%	100.0% #FFF696	RGB 255 246 150	#FFF696

#CFED5E #D9F066 #E4F36F #EEF679 #F7F982 #FCF78C #FFF696

#CFED5E - #EEF679 - #FFF696

CSS 코드

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

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