#ADE5E3 - #3CBBBA | 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 #ADE5E3 a #3CBBBA

#ADE5E3 #3CBBBA

Calcule el color entre dos colores, #ADE5E3 y #3CBBBA. 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)

#ADE5E3 - #3CBBBA | 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 #ADE5E3 como 0% y #3CBBBA como 100%.

0.0%	0.0% #ADE5E3	RGB 173 229 227	#ADE5E3
16.7%	16.7% #9ADEDC	RGB 154 222 220	#9ADEDC
33.3%	33.3% #87D7D5	RGB 135 215 213	#87D7D5
50.0%	50.0% #74D0CE	RGB 116 208 206	#74D0CE
66.7%	66.7% #61C9C7	RGB 97 201 199	#61C9C7
83.3%	83.3% #4EC2C0	RGB 78 194 192	#4EC2C0
100.0%	100.0% #3CBBBA	RGB 60 187 186	#3CBBBA

#ADE5E3 #9ADEDC #87D7D5 #74D0CE #61C9C7 #4EC2C0 #3CBBBA

#ADE5E3 - #3CBBBA

Mezcla HSV

#ADE5E3 - #3CBBBA | 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 #ADE5E3 como 0% y #3CBBBA como 100%.

0.0%	0.0% #ADE5E3	RGB 173 229 227	#ADE5E3
16.7%	16.7% #97DEDB	RGB 151 222 219	#97DEDB
33.3%	33.3% #83D7D4	RGB 131 215 212	#83D7D4
50.0%	50.0% #6FD0CD	RGB 111 208 205	#6FD0CD
66.7%	66.7% #5DC9C7	RGB 93 201 199	#5DC9C7
83.3%	83.3% #4CC2C0	RGB 76 194 192	#4CC2C0
100.0%	100.0% #3CBBBA	RGB 60 187 186	#3CBBBA

#ADE5E3 #97DEDB #83D7D4 #6FD0CD #5DC9C7 #4CC2C0 #3CBBBA

#ADE5E3 - #6FD0CD - #3CBBBA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE5E3 0%, #6FD0CD 50%, #3CBBBA 100%);
    background: -webkit-linear-gradient(top, #ADE5E3 0%, #6FD0CD 50%, #3CBBBA 100%);
    background: linear-gradient(to bottom, #ADE5E3 0%, #6FD0CD 50%, #3CBBBA 100%);
}
</style>