#20CDD1 - #E7FBCE | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #20CDD1 a #E7FBCE

#20CDD1 #E7FBCE

Calcule el color entre dos colores, #20CDD1 y #E7FBCE. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#20CDD1 - #E7FBCE | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #20CDD1 como 0% y #E7FBCE como 100%.

0.0%	0.0% #20CDD1	RGB 32 205 209	#20CDD1
16.7%	16.7% #41D4D0	RGB 65 212 208	#41D4D0
33.3%	33.3% #62DCD0	RGB 98 220 208	#62DCD0
50.0%	50.0% #83E4CF	RGB 131 228 207	#83E4CF
66.7%	66.7% #A4EBCF	RGB 164 235 207	#A4EBCF
83.3%	83.3% #C5F3CE	RGB 197 243 206	#C5F3CE
100.0%	100.0% #E7FBCE	RGB 231 251 206	#E7FBCE

#20CDD1 #41D4D0 #62DCD0 #83E4CF #A4EBCF #C5F3CE #E7FBCE

#20CDD1 - #E7FBCE

Mezcla HSV

#20CDD1 - #E7FBCE | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #20CDD1 como 0% y #E7FBCE como 100%.

0.0%	0.0% #1FCDD1	RGB 31 205 209	#1FCDD1
16.7%	16.7% #39D8B1	RGB 57 216 177	#39D8B1
33.3%	33.3% #53DF98	RGB 83 223 152	#53DF98
50.0%	50.0% #6FE68B	RGB 111 230 139	#6FE68B
66.7%	66.7% #90ED8D	RGB 144 237 141	#90ED8D
83.3%	83.3% #C1F4AD	RGB 193 244 173	#C1F4AD
100.0%	100.0% #E7FBCE	RGB 231 251 206	#E7FBCE

#1FCDD1 #39D8B1 #53DF98 #6FE68B #90ED8D #C1F4AD #E7FBCE

#20CDD1 - #6FE68B - #E7FBCE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1FCDD1 0%, #6FE68B 50%, #E7FBCE 100%);
    background: -webkit-linear-gradient(top, #1FCDD1 0%, #6FE68B 50%, #E7FBCE 100%);
    background: linear-gradient(to bottom, #1FCDD1 0%, #6FE68B 50%, #E7FBCE 100%);
}
</style>