#ADE7DF - #3EBEB5 | 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 #ADE7DF a #3EBEB5

#ADE7DF #3EBEB5

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

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

0.0%	0.0% #ADE7DF	RGB 173 231 223	#ADE7DF
16.7%	16.7% #9AE0D8	RGB 154 224 216	#9AE0D8
33.3%	33.3% #88D9D1	RGB 136 217 209	#88D9D1
50.0%	50.0% #75D2CA	RGB 117 210 202	#75D2CA
66.7%	66.7% #63CBC3	RGB 99 203 195	#63CBC3
83.3%	83.3% #50C4BC	RGB 80 196 188	#50C4BC
100.0%	100.0% #3EBEB5	RGB 62 190 181	#3EBEB5

#ADE7DF #9AE0D8 #88D9D1 #75D2CA #63CBC3 #50C4BC #3EBEB5

#ADE7DF - #3EBEB5

Mezcla HSV

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

0.0%	0.0% #ADE7DF	RGB 173 231 223	#ADE7DF
16.7%	16.7% #98E0D7	RGB 152 224 215	#98E0D7
33.3%	33.3% #84D9CF	RGB 132 217 207	#84D9CF
50.0%	50.0% #71D2C8	RGB 113 210 200	#71D2C8
66.7%	66.7% #5FCBC1	RGB 95 203 193	#5FCBC1
83.3%	83.3% #4EC4BB	RGB 78 196 187	#4EC4BB
100.0%	100.0% #3EBEB5	RGB 62 190 181	#3EBEB5

#ADE7DF #98E0D7 #84D9CF #71D2C8 #5FCBC1 #4EC4BB #3EBEB5

#ADE7DF - #71D2C8 - #3EBEB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE7DF 0%, #71D2C8 50%, #3EBEB5 100%);
    background: -webkit-linear-gradient(top, #ADE7DF 0%, #71D2C8 50%, #3EBEB5 100%);
    background: linear-gradient(to bottom, #ADE7DF 0%, #71D2C8 50%, #3EBEB5 100%);
}
</style>