#21CED1 - #E9FBCE | colorate

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

Blend #21CED1 to #E9FBCE

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

RGB 혼합 (선형)

#21CED1 - #E9FBCE | colorate

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

0.0%	0.0% #21CED1	RGB 33 206 209	#21CED1
16.7%	16.7% #42D5D0	RGB 66 213 208	#42D5D0
33.3%	33.3% #63DDD0	RGB 99 221 208	#63DDD0
50.0%	50.0% #85E4CF	RGB 133 228 207	#85E4CF
66.7%	66.7% #A6ECCF	RGB 166 236 207	#A6ECCF
83.3%	83.3% #C7F3CE	RGB 199 243 206	#C7F3CE
100.0%	100.0% #E9FBCE	RGB 233 251 206	#E9FBCE

#21CED1 #42D5D0 #63DDD0 #85E4CF #A6ECCF #C7F3CE #E9FBCE

#21CED1 - #E9FBCE

HSV 블렌드

#21CED1 - #E9FBCE | colorate

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

0.0%	0.0% #21CDD1	RGB 33 205 209	#21CDD1
16.7%	16.7% #39D8B0	RGB 57 216 176	#39D8B0
33.3%	33.3% #54DF96	RGB 84 223 150	#54DF96
50.0%	50.0% #70E689	RGB 112 230 137	#70E689
66.7%	66.7% #93ED8E	RGB 147 237 142	#93ED8E
83.3%	83.3% #C4F4AD	RGB 196 244 173	#C4F4AD
100.0%	100.0% #E9FBCE	RGB 233 251 206	#E9FBCE

#21CDD1 #39D8B0 #54DF96 #70E689 #93ED8E #C4F4AD #E9FBCE

#21CED1 - #70E689 - #E9FBCE

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #21CDD1 0%, #70E689 50%, #E9FBCE 100%);
    background: -webkit-linear-gradient(top, #21CDD1 0%, #70E689 50%, #E9FBCE 100%);
    background: linear-gradient(to bottom, #21CDD1 0%, #70E689 50%, #E9FBCE 100%);
}
</style>